diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2017-10-14 12:45:21 +0200 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2017-10-19 14:16:38 +0200 |
| commit | 63a8b89fadf6aa90a377cb681ad195cc17560719 (patch) | |
| tree | 7cfb321ac94f7d29ca50a6fda6826456258cd4d2 /app/components/Support.js | |
| parent | e056d7da3cb325e88ebb9aeeb5c14d9feb8610db (diff) | |
| download | mullvadvpn-63a8b89fadf6aa90a377cb681ad195cc17560719.tar.xz mullvadvpn-63a8b89fadf6aa90a377cb681ad195cc17560719.zip | |
Add Support component
Diffstat (limited to 'app/components/Support.js')
| -rw-r--r-- | app/components/Support.js | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/app/components/Support.js b/app/components/Support.js new file mode 100644 index 0000000000..8564c8e51c --- /dev/null +++ b/app/components/Support.js @@ -0,0 +1,39 @@ +// @flow +import React, { Component } from 'react'; +import { Layout, Container, Header } from './Layout'; + +export type SupportProps = { + onClose: () => void; +}; + +export default class Support extends Component { + props: SupportProps; + + render() { + return ( + <Layout> + <Header hidden={ true } style={ 'defaultDark' } /> + <Container> + <div className="support"> + <div className="support__close" onClick={ this.props.onClose }> + <img className="support__close-icon" src="./assets/images/icon-back.svg" /> + <span className="support__close-title">Settings</span> + </div> + <div className="support__container"> + + <div className="support__header"> + <h2 className="support__title">Support</h2> + </div> + + <div className="support__content"> + <div className="support__main"> + </div> + </div> + + </div> + </div> + </Container> + </Layout> + ); + } +} |
