diff options
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 | } | ||