diff options
author | Dan Finlay <dan@danfinlay.com> | 2017-07-04 07:09:17 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2017-07-04 07:16:53 +0800 |
commit | e285f2cae958437160f86171f1fccfec66799883 (patch) | |
tree | 49cf0e2d1805d0c36d53ae6920d63f614da1e9ad /ui/responsive/app/settings.js | |
parent | 5eb3d5d485b17b98b19443d8def2f03dec9b38ef (diff) | |
download | tangerine-wallet-browser-e285f2cae958437160f86171f1fccfec66799883.tar.gz tangerine-wallet-browser-e285f2cae958437160f86171f1fccfec66799883.tar.zst tangerine-wallet-browser-e285f2cae958437160f86171f1fccfec66799883.zip |
Get duplicate UI template working
Diffstat (limited to 'ui/responsive/app/settings.js')
-rw-r--r-- | ui/responsive/app/settings.js | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/ui/responsive/app/settings.js b/ui/responsive/app/settings.js new file mode 100644 index 000000000..454cc95e0 --- /dev/null +++ b/ui/responsive/app/settings.js @@ -0,0 +1,59 @@ +const inherits = require('util').inherits +const Component = require('react').Component +const h = require('react-hyperscript') +const connect = require('react-redux').connect +const actions = require('./actions') + +module.exports = connect(mapStateToProps)(AppSettingsPage) + +function mapStateToProps (state) { + return {} +} + +inherits(AppSettingsPage, Component) +function AppSettingsPage () { + Component.call(this) +} + +AppSettingsPage.prototype.render = function () { + return ( + + h('.account-detail-section.flex-column.flex-grow', [ + + // subtitle and nav + h('.flex-row.flex-center', [ + h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', { + onClick: this.navigateToAccounts.bind(this), + }), + h('h2.page-subtitle', 'Settings'), + ]), + + h('label', { + htmlFor: 'settings-rpc-endpoint', + }, 'RPC Endpoint:'), + h('input', { + type: 'url', + id: 'settings-rpc-endpoint', + onKeyPress: this.onKeyPress.bind(this), + }), + + ]) + + ) +} + +AppSettingsPage.prototype.componentDidMount = function () { + document.querySelector('input').focus() +} + +AppSettingsPage.prototype.onKeyPress = function (event) { + // get submit event + if (event.key === 'Enter') { + // this.submitPassword(event) + } +} + +AppSettingsPage.prototype.navigateToAccounts = function (event) { + event.stopPropagation() + this.props.dispatch(actions.showAccountsPage()) +} |