summaryrefslogtreecommitdiffhomepage
path: root/app/components/Preferences.js
diff options
context:
space:
mode:
authorAndrej Mihajlov <and@mullvad.net>2018-07-18 15:07:37 +0200
committerAndrej Mihajlov <and@mullvad.net>2018-08-15 17:39:38 +0200
commit71592249b2dd669b6f24f37bfb7b0f4e43b74998 (patch)
treea6097dc7e5d94d06e99c65fdfe160e824395f50c /app/components/Preferences.js
parente84e87f4ce5a8c242f756566cdc6fb59a45f7bea (diff)
downloadmullvadvpn-71592249b2dd669b6f24f37bfb7b0f4e43b74998.tar.xz
mullvadvpn-71592249b2dd669b6f24f37bfb7b0f4e43b74998.zip
Add workspaces
Diffstat (limited to 'app/components/Preferences.js')
-rw-r--r--app/components/Preferences.js106
1 files changed, 0 insertions, 106 deletions
diff --git a/app/components/Preferences.js b/app/components/Preferences.js
deleted file mode 100644
index 7e57df3909..0000000000
--- a/app/components/Preferences.js
+++ /dev/null
@@ -1,106 +0,0 @@
-// @flow
-
-import React from 'react';
-import { Component, Text, View } from 'reactxp';
-import { Layout, Container } from './Layout';
-import NavigationBar, { BackBarItem } from './NavigationBar';
-import SettingsHeader, { HeaderTitle } from './SettingsHeader';
-import Switch from './Switch';
-import styles from './PreferencesStyles';
-
-export type PreferencesProps = {
- autoConnect: boolean,
- allowLan: boolean,
- getAutoStart: () => boolean,
- setAutoStart: (boolean) => void,
- setAutoConnect: (boolean) => void,
- setAllowLan: (boolean) => void,
- onClose: () => void,
-};
-
-type State = {
- autoStart: boolean,
-};
-
-export default class Preferences extends Component<PreferencesProps, State> {
- state = {
- autoStart: false,
- };
-
- constructor(props: PreferencesProps) {
- super();
- this.state.autoStart = props.getAutoStart();
- }
-
- render() {
- return (
- <Layout>
- <Container>
- <View style={styles.preferences}>
- <NavigationBar>
- <BackBarItem action={this.props.onClose} title={'Settings'} />
- </NavigationBar>
-
- <View style={styles.preferences__container}>
- <SettingsHeader>
- <HeaderTitle>Preferences</HeaderTitle>
- </SettingsHeader>
-
- <View style={styles.preferences__content}>
- <View style={styles.preferences__cell}>
- <View style={styles.preferences__cell_label_container}>
- <Text style={styles.preferences__cell_label}>Auto-connect</Text>
- </View>
- <View style={styles.preferences__cell_accessory}>
- <Switch isOn={this.props.autoConnect} onChange={this.props.setAutoConnect} />
- </View>
- </View>
- <View style={styles.preferences__cell_footer}>
- <Text style={styles.preferences__cell_footer_label}>
- {'Automatically connect the VPN when the computer starts.'}
- </Text>
- </View>
-
- <View style={styles.preferences__cell}>
- <View style={styles.preferences__cell_label_container}>
- <Text style={styles.preferences__cell_label}>Auto-start</Text>
- </View>
- <View style={styles.preferences__cell_accessory}>
- <Switch isOn={this.state.autoStart} onChange={this._onChangeAutoStart} />
- </View>
- </View>
- <View style={styles.preferences__cell_footer}>
- <Text style={styles.preferences__cell_footer_label}>
- {'Automatically open Mullvad VPN at login to the system.'}
- </Text>
- </View>
-
- <View style={styles.preferences__cell}>
- <View style={styles.preferences__cell_label_container}>
- <Text style={styles.preferences__cell_label}>Local network sharing</Text>
- </View>
- <View style={styles.preferences__cell_accessory}>
- <Switch isOn={this.props.allowLan} onChange={this.props.setAllowLan} />
- </View>
- </View>
- <View style={styles.preferences__cell_footer}>
- <Text style={styles.preferences__cell_footer_label}>
- {
- 'Allows access to other devices on the same network for sharing, printing etc.'
- }
- </Text>
- </View>
- </View>
- </View>
- </View>
- </Container>
- </Layout>
- );
- }
-
- _onChangeAutoStart = (autoStart: boolean) => {
- this.props.setAutoStart(autoStart);
- // TODO: Handle failure to set auto-start
- this.setState({ autoStart });
- };
-}