diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-09-12 08:32:37 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-09-20 07:37:23 +0800 |
commit | b579ee9619d5d775484f382b800c3426311da19d (patch) | |
tree | 33c4e1293178d1c6cdb4bdd74ee7732d516d072a /ui/app/components/pages/settings/info-tab/info-tab.component.js | |
parent | 3c3fed46cb032f59cd30daae04c17475196cd5c9 (diff) | |
download | tangerine-wallet-browser-b579ee9619d5d775484f382b800c3426311da19d.tar tangerine-wallet-browser-b579ee9619d5d775484f382b800c3426311da19d.tar.gz tangerine-wallet-browser-b579ee9619d5d775484f382b800c3426311da19d.tar.bz2 tangerine-wallet-browser-b579ee9619d5d775484f382b800c3426311da19d.tar.lz tangerine-wallet-browser-b579ee9619d5d775484f382b800c3426311da19d.tar.xz tangerine-wallet-browser-b579ee9619d5d775484f382b800c3426311da19d.tar.zst tangerine-wallet-browser-b579ee9619d5d775484f382b800c3426311da19d.zip |
Refactor settings page to use JSX and follow component file folder structure
Diffstat (limited to 'ui/app/components/pages/settings/info-tab/info-tab.component.js')
-rw-r--r-- | ui/app/components/pages/settings/info-tab/info-tab.component.js | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/ui/app/components/pages/settings/info-tab/info-tab.component.js b/ui/app/components/pages/settings/info-tab/info-tab.component.js new file mode 100644 index 000000000..72f7d835e --- /dev/null +++ b/ui/app/components/pages/settings/info-tab/info-tab.component.js @@ -0,0 +1,136 @@ +import React, { PureComponent } from 'react' +import PropTypes from 'prop-types' + +export default class InfoTab extends PureComponent { + state = { + version: global.platform.getVersion(), + } + + static propTypes = { + tab: PropTypes.string, + metamask: PropTypes.object, + setCurrentCurrency: PropTypes.func, + setRpcTarget: PropTypes.func, + displayWarning: PropTypes.func, + revealSeedConfirmation: PropTypes.func, + warning: PropTypes.string, + location: PropTypes.object, + history: PropTypes.object, + } + + static contextTypes = { + t: PropTypes.func, + } + + renderInfoLinks () { + const { t } = this.context + + return ( + <div className="settings-page__content-item settings-page__content-item--without-height"> + <div className="info-tab__link-header"> + { t('links') } + </div> + <div className="info-tab__link-item"> + <a + href="https://metamask.io/privacy.html" + target="_blank" + rel="noopener noreferrer" + > + <span className="info-tab__link-text"> + { t('privacyMsg') } + </span> + </a> + </div> + <div className="info-tab__link-item"> + <a + href="https://metamask.io/terms.html" + target="_blank" + rel="noopener noreferrer" + > + <span className="info-tab__link-text"> + { t('terms') } + </span> + </a> + </div> + <div className="info-tab__link-item"> + <a + href="https://metamask.io/attributions.html" + target="_blank" + rel="noopener noreferrer" + > + <span className="info-tab__link-text"> + { t('attributions') } + </span> + </a> + </div> + <hr className="info-tab__separator" /> + <div className="info-tab__link-item"> + <a + href="https://support.metamask.io" + target="_blank" + rel="noopener noreferrer" + > + <span className="info-tab__link-text"> + { t('supportCenter') } + </span> + </a> + </div> + <div className="info-tab__link-item"> + <a + href="https://metamask.io/" + target="_blank" + rel="noopener noreferrer" + > + <span className="info-tab__link-text"> + { t('visitWebSite') } + </span> + </a> + </div> + <div className="info-tab__link-item"> + <a + href="mailto:help@metamask.io?subject=Feedback" + target="_blank" + rel="noopener noreferrer" + > + <span className="info-tab__link-text"> + { t('emailUs') } + </span> + </a> + </div> + </div> + ) + } + + render () { + const { t } = this.context + + return ( + <div className="settings-page__content"> + <div className="settings-page__content-row"> + <div className="settings-page__content-item settings-page__content-item--without-height"> + <div className="info-tab__logo-wrapper"> + <img + src="images/info-logo.png" + className="info-tab__logo" + /> + </div> + <div className="info-tab__item"> + <div className="info-tab__version-header"> + { t('metamaskVersion') } + </div> + <div className="info-tab__version-number"> + { this.state.version } + </div> + </div> + <div className="info-tab__item"> + <div className="info-tab__about"> + { t('builtInCalifornia') } + </div> + </div> + </div> + { this.renderInfoLinks() } + </div> + </div> + ) + } +} |