diff options
author | Dan Finlay <flyswatter@users.noreply.github.com> | 2017-01-19 05:14:27 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-01-19 05:14:27 +0800 |
commit | 25e57939920d4685a20b4e7b3a14060e9d3314c7 (patch) | |
tree | fa3c5f2811912a18ce9811c5c850bb4ec25ffbb1 /ui/app/components/tab-bar.js | |
parent | 9ab7ce370bc12e10b3458c0755f0dd8488788bec (diff) | |
parent | 0e01abdf7154067ca50bf279340b868aefd8343f (diff) | |
download | tangerine-wallet-browser-25e57939920d4685a20b4e7b3a14060e9d3314c7.tar.gz tangerine-wallet-browser-25e57939920d4685a20b4e7b3a14060e9d3314c7.tar.zst tangerine-wallet-browser-25e57939920d4685a20b4e7b3a14060e9d3314c7.zip |
Merge pull request #1027 from MetaMask/Version-3.1.0v3.1.0
Version 3.1.0
Diffstat (limited to 'ui/app/components/tab-bar.js')
-rw-r--r-- | ui/app/components/tab-bar.js | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/ui/app/components/tab-bar.js b/ui/app/components/tab-bar.js new file mode 100644 index 000000000..65078e0a4 --- /dev/null +++ b/ui/app/components/tab-bar.js @@ -0,0 +1,35 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits + +module.exports = TabBar + +inherits(TabBar, Component) +function TabBar () { + Component.call(this) +} + +TabBar.prototype.render = function () { + const props = this.props + const state = this.state || {} + const { tabs = [], defaultTab, tabSelected } = props + const { subview = defaultTab } = state + + return ( + h('.flex-row.space-around.text-transform-uppercase', { + style: { + background: '#EBEBEB', + color: '#AEAEAE', + paddingTop: '4px', + }, + }, tabs.map((tab) => { + const { key, content } = tab + return h(subview === key ? '.activeForm' : '.inactiveForm.pointer', { + onClick: () => { + this.setState({ subview: key }) + tabSelected(key) + }, + }, content) + })) + ) +} |