diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2018-07-18 15:07:37 +0200 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2018-08-15 17:39:38 +0200 |
| commit | 71592249b2dd669b6f24f37bfb7b0f4e43b74998 (patch) | |
| tree | a6097dc7e5d94d06e99c65fdfe160e824395f50c /app/components/NavigationBar.js | |
| parent | e84e87f4ce5a8c242f756566cdc6fb59a45f7bea (diff) | |
| download | mullvadvpn-71592249b2dd669b6f24f37bfb7b0f4e43b74998.tar.xz mullvadvpn-71592249b2dd669b6f24f37bfb7b0f4e43b74998.zip | |
Add workspaces
Diffstat (limited to 'app/components/NavigationBar.js')
| -rw-r--r-- | app/components/NavigationBar.js | 99 |
1 files changed, 0 insertions, 99 deletions
diff --git a/app/components/NavigationBar.js b/app/components/NavigationBar.js deleted file mode 100644 index e8e4de16f9..0000000000 --- a/app/components/NavigationBar.js +++ /dev/null @@ -1,99 +0,0 @@ -// @flow - -import * as React from 'react'; -import { Button, Component, Text, View, Styles } from 'reactxp'; -import Img from './Img'; -import { colors } from '../config'; - -const styles = { - navigationBar: { - default: Styles.createViewStyle({ - flex: 0, - alignItems: 'flex-start', - paddingLeft: 12, - }), - darwin: Styles.createViewStyle({ - paddingTop: 24, - }), - win32: Styles.createViewStyle({ - paddingTop: 12, - }), - linux: Styles.createViewStyle({ - paddingTop: 12, - WebkitAppRegion: 'drag', - }), - }, - closeBarItem: { - default: Styles.createViewStyle({ - cursor: 'default', - WebkitAppRegion: 'no-drag', - }), - icon: Styles.createViewStyle({ - flex: 0, - opacity: 0.6, - }), - }, - backBarButton: { - default: Styles.createViewStyle({ - borderWidth: 0, - padding: 0, - margin: 0, - cursor: 'default', - WebkitAppRegion: 'no-drag', - }), - content: Styles.createViewStyle({ - flexDirection: 'row', - alignItems: 'center', - }), - label: Styles.createTextStyle({ - fontFamily: 'Open Sans', - fontSize: 13, - fontWeight: '600', - color: colors.white60, - }), - icon: Styles.createViewStyle({ - opacity: 0.6, - marginRight: 8, - }), - }, -}; - -export default class NavigationBar extends Component { - render() { - return ( - <View style={[styles.navigationBar.default, styles.navigationBar[process.platform]]}> - {this.props.children} - </View> - ); - } -} - -export class CloseBarItem extends Component { - props: { - action: () => void, - }; - render() { - return ( - <Button style={[styles.closeBarItem.default]} onPress={this.props.action}> - <Img height={24} width={24} style={[styles.closeBarItem.icon]} source="icon-close" /> - </Button> - ); - } -} - -export class BackBarItem extends Component { - props: { - title: string, - action: () => void, - }; - render() { - return ( - <Button style={styles.backBarButton.default} onPress={this.props.action}> - <View style={styles.backBarButton.content}> - <Img style={styles.backBarButton.icon} source="icon-back" /> - <Text style={styles.backBarButton.label}>{this.props.title}</Text> - </View> - </Button> - ); - } -} |
