diff options
author | 2017-10-22 22:29:28 +0200 | |
---|---|---|
committer | 2017-10-22 22:29:28 +0200 | |
commit | b9e45e6cb51c6d7b3c0bcd21c667717a7103c9b9 (patch) | |
tree | 26cb4ad414f6e1ee4721286c696399c62ad84f02 /src/components/ui/StatusBarTargetUrl.js | |
parent | Merge pull request #56 from GustavoKatel/showUrlOnLinkHover (diff) | |
download | ferdium-app-b9e45e6cb51c6d7b3c0bcd21c667717a7103c9b9.tar.gz ferdium-app-b9e45e6cb51c6d7b3c0bcd21c667717a7103c9b9.tar.zst ferdium-app-b9e45e6cb51c6d7b3c0bcd21c667717a7103c9b9.zip |
cleanup & minor style adaption
Diffstat (limited to 'src/components/ui/StatusBarTargetUrl.js')
-rw-r--r-- | src/components/ui/StatusBarTargetUrl.js | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/src/components/ui/StatusBarTargetUrl.js b/src/components/ui/StatusBarTargetUrl.js index 1c8dce0f7..b7b198f42 100644 --- a/src/components/ui/StatusBarTargetUrl.js +++ b/src/components/ui/StatusBarTargetUrl.js | |||
@@ -3,12 +3,12 @@ import PropTypes from 'prop-types'; | |||
3 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
4 | import classnames from 'classnames'; | 4 | import classnames from 'classnames'; |
5 | 5 | ||
6 | import Appear from '../ui/effects/Appear'; | ||
7 | |||
6 | @observer | 8 | @observer |
7 | export default class StatusBarTargetUrl extends Component { | 9 | export default class StatusBarTargetUrl extends Component { |
8 | static propTypes = { | 10 | static propTypes = { |
9 | // eslint-disable-next-line | ||
10 | className: PropTypes.string, | 11 | className: PropTypes.string, |
11 | position: PropTypes.string, | ||
12 | text: PropTypes.string, | 12 | text: PropTypes.string, |
13 | }; | 13 | }; |
14 | 14 | ||
@@ -21,22 +21,20 @@ export default class StatusBarTargetUrl extends Component { | |||
21 | render() { | 21 | render() { |
22 | const { | 22 | const { |
23 | className, | 23 | className, |
24 | position, | ||
25 | text, | 24 | text, |
26 | } = this.props; | 25 | } = this.props; |
27 | 26 | ||
28 | return ( | 27 | return ( |
29 | <div | 28 | <Appear |
30 | className={classnames({ | 29 | className={classnames({ |
31 | 'status-bar-target-url': true, | 30 | 'status-bar-target-url': true, |
32 | [`status-bar-target-url--${position}`]: true, | ||
33 | [`${className}`]: true, | 31 | [`${className}`]: true, |
34 | })} | 32 | })} |
35 | > | 33 | > |
36 | <div className="status-bar-target-url__content"> | 34 | <div className="status-bar-target-url__content"> |
37 | {text} | 35 | {text} |
38 | </div> | 36 | </div> |
39 | </div> | 37 | </Appear> |
40 | ); | 38 | ); |
41 | } | 39 | } |
42 | } | 40 | } |