diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-10-25 09:52:33 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-10-25 09:52:33 +0200 |
commit | eaf3c8f5d1deee878b0da87df8a083143115994f (patch) | |
tree | 4ce5f5dff3791a41463e711f683fe5b7129550e8 /src/components/ui/StatusBarTargetUrl.js | |
parent | Merge pull request #58 from Blizzke/nl-BE (diff) | |
parent | Bump version to 5.0.0-beta.11 (diff) | |
download | ferdium-app-eaf3c8f5d1deee878b0da87df8a083143115994f.tar.gz ferdium-app-eaf3c8f5d1deee878b0da87df8a083143115994f.tar.zst ferdium-app-eaf3c8f5d1deee878b0da87df8a083143115994f.zip |
Merge pull request #108 from meetfranz/develop
Franz 5.0.0-beta.11
Diffstat (limited to 'src/components/ui/StatusBarTargetUrl.js')
-rw-r--r-- | src/components/ui/StatusBarTargetUrl.js | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/components/ui/StatusBarTargetUrl.js b/src/components/ui/StatusBarTargetUrl.js new file mode 100644 index 000000000..b7b198f42 --- /dev/null +++ b/src/components/ui/StatusBarTargetUrl.js | |||
@@ -0,0 +1,40 @@ | |||
1 | import React, { Component } from 'react'; | ||
2 | import PropTypes from 'prop-types'; | ||
3 | import { observer } from 'mobx-react'; | ||
4 | import classnames from 'classnames'; | ||
5 | |||
6 | import Appear from '../ui/effects/Appear'; | ||
7 | |||
8 | @observer | ||
9 | export default class StatusBarTargetUrl extends Component { | ||
10 | static propTypes = { | ||
11 | className: PropTypes.string, | ||
12 | text: PropTypes.string, | ||
13 | }; | ||
14 | |||
15 | static defaultProps = { | ||
16 | className: '', | ||
17 | position: 'bottom', | ||
18 | text: '', | ||
19 | }; | ||
20 | |||
21 | render() { | ||
22 | const { | ||
23 | className, | ||
24 | text, | ||
25 | } = this.props; | ||
26 | |||
27 | return ( | ||
28 | <Appear | ||
29 | className={classnames({ | ||
30 | 'status-bar-target-url': true, | ||
31 | [`${className}`]: true, | ||
32 | })} | ||
33 | > | ||
34 | <div className="status-bar-target-url__content"> | ||
35 | {text} | ||
36 | </div> | ||
37 | </Appear> | ||
38 | ); | ||
39 | } | ||
40 | } | ||