diff options
| author | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-17 12:04:47 +0000 |
|---|---|---|
| committer | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-17 12:04:47 +0000 |
| commit | e88018b890c8ddf62895101439d57ca206d9379b (patch) | |
| tree | 76bad6419075cd5e59d6d467b2f6945da56e95c4 /app/components/Settings.js | |
| parent | ca574470c6ce9449a43eaeb81fcb8a35a7656923 (diff) | |
| download | mullvadvpn-e88018b890c8ddf62895101439d57ca206d9379b.tar.xz mullvadvpn-e88018b890c8ddf62895101439d57ca206d9379b.zip | |
- Add settings page layout
- Add defaultDark style for navigation bar
Diffstat (limited to 'app/components/Settings.js')
| -rw-r--r-- | app/components/Settings.js | 37 |
1 files changed, 36 insertions, 1 deletions
diff --git a/app/components/Settings.js b/app/components/Settings.js index 6e077356c0..5b36d8a64c 100644 --- a/app/components/Settings.js +++ b/app/components/Settings.js @@ -14,10 +14,45 @@ export default class Settings extends Component { render() { return ( <Layout> - <Header hidden={ true } /> + <Header hidden={ true } style={ Header.Style.defaultDark } /> <Container> <div className="settings"> <button className="settings__close" onClick={ ::this.onClose } /> + <div className="settings__container"> + <div className="settings__header"> + <h2 className="settings__title">Settings</h2> + <div className="settings__account"> + <div className="settings__account-label">Account ID</div> + <div className="settings__account-id">{ this.props.user.account }</div> + </div> + </div> + <div className="settings__content"> + <div className="settings__options"> + <div className="settings__cell"> + <div className="settings__cell-label">Auto-secure</div> + <div className="settings__cell-value"> + <input type="checkbox" className="settings__switch" /> + </div> + </div> + <div className="settings__cell-footer"> + When this device connects to the internet it will automatically connect to a secure server + </div> + <div className="settings__cell"> + <div className="settings__cell-label">FAQs</div> + </div> + <div className="settings__cell"> + <div className="settings__cell-label">Guides</div> + </div> + <div className="settings__cell"> + <img className="settings__cell-icon" src="./assets/images/icon-email.svg" /> + <div className="settings__cell-label">Contact support</div> + </div> + </div> + <div className="settings__footer"> + <button className="settings__logout-button">Logout</button> + </div> + </div> + </div> </div> </Container> </Layout> |