diff options
| -rw-r--r-- | app/components/Settings.js | 28 | ||||
| -rw-r--r-- | app/containers/SettingsPage.js | 2 |
2 files changed, 12 insertions, 18 deletions
diff --git a/app/components/Settings.js b/app/components/Settings.js index 64135d98dc..b0262e0e60 100644 --- a/app/components/Settings.js +++ b/app/components/Settings.js @@ -3,14 +3,12 @@ import { Layout, Container, Header } from './Layout'; import Switch from './Switch'; import CustomScrollbars from './CustomScrollbars'; import { formatAccount } from '../lib/formatters'; -import { links } from '../config'; -import { shell } from 'electron'; export default class Settings extends Component { static propTypes = { logout: PropTypes.func.isRequired, - buyTime: PropTypes.func.isRequired, + openExternalLink: PropTypes.func.isRequired, updateSettings: PropTypes.func.isRequired } @@ -18,19 +16,15 @@ export default class Settings extends Component { this.props.router.push('/connect'); } - handleAutoSecure(isOn) { + onAutoSecure(isOn) { this.props.updateSettings({ autoSecure: isOn }); } - handleLink(key) { - shell.openExternal(links[key]); + onExternalLink(type) { + this.props.openExternalLink(type); } - handleBuy() { - this.props.buyTime(); - } - - handleLogout() { + onLogout() { this.props.logout(); } @@ -51,19 +45,19 @@ export default class Settings extends Component { <div className="settings__cell"> <div className="settings__cell-label">Auto-secure</div> <div className="settings__cell-value"> - <Switch onChange={ ::this.handleAutoSecure } isOn={ this.props.settings.autoSecure } /> + <Switch onChange={ ::this.onAutoSecure } isOn={ this.props.settings.autoSecure } /> </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 settings__cell--active" onClick={ () => this.handleLink('faq') }> + <div className="settings__cell settings__cell--active" onClick={ this.onExternalLink.bind(this, 'faq') }> <div className="settings__cell-label">FAQs</div> </div> - <div className="settings__cell settings__cell--active" onClick={ () => this.handleLink('guides') }> + <div className="settings__cell settings__cell--active" onClick={ this.onExternalLink.bind(this, 'guides') }> <div className="settings__cell-label">Guides</div> </div> - <div className="settings__cell settings__cell--active" onClick={ () => this.handleLink('supportEmail') }> + <div className="settings__cell settings__cell--active" onClick={ this.onExternalLink.bind(this, 'supportEmail') }> <img className="settings__cell-icon" src="./assets/images/icon-email.svg" /> <div className="settings__cell-label">Contact support</div> </div> @@ -79,8 +73,8 @@ export default class Settings extends Component { </div> </div> <div className="settings__footer"> - <button className="button button--neutral" onClick={ ::this.handleBuy }>Buy more time</button> - <button className="button button--negative" onClick={ ::this.handleLogout }>Logout</button> + <button className="button button--neutral" onClick={ this.onExternalLink.bind(this, 'purchase') }>Buy more time</button> + <button className="button button--negative" onClick={ ::this.onLogout }>Logout</button> </div> </div> </CustomScrollbars> diff --git a/app/containers/SettingsPage.js b/app/containers/SettingsPage.js index 909526aaa2..63b1e54b0a 100644 --- a/app/containers/SettingsPage.js +++ b/app/containers/SettingsPage.js @@ -15,7 +15,7 @@ const mapDispatchToProps = (dispatch, props) => { const { updateSettings } = bindActionCreators(settingsActions, dispatch); return { logout: () => logout(props.backend), - buyTime: () => shell.openExternal(links.purchase), + openExternalLink: (type) => shell.openExternal(links[type]), updateSettings }; }; |