diff options
author | Dan Finlay <dan@danfinlay.com> | 2016-05-19 05:36:35 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2016-05-19 05:36:35 +0800 |
commit | d0b0526765000ab6f56e8c35545d66a760ed7b61 (patch) | |
tree | ac4645eed33a65e5b3a3419a3b225cbc7738c6b5 /ui/app/components/drop-menu-item.js | |
parent | 79e595754f4a5da6875c07402f2b732146384f3a (diff) | |
download | tangerine-wallet-browser-d0b0526765000ab6f56e8c35545d66a760ed7b61.tar.gz tangerine-wallet-browser-d0b0526765000ab6f56e8c35545d66a760ed7b61.tar.zst tangerine-wallet-browser-d0b0526765000ab6f56e8c35545d66a760ed7b61.zip |
Add dynamic list item styles
Diffstat (limited to 'ui/app/components/drop-menu-item.js')
-rw-r--r-- | ui/app/components/drop-menu-item.js | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/ui/app/components/drop-menu-item.js b/ui/app/components/drop-menu-item.js new file mode 100644 index 000000000..1adbba519 --- /dev/null +++ b/ui/app/components/drop-menu-item.js @@ -0,0 +1,31 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits + +module.exports = DropMenuItem + + +inherits(DropMenuItem, Component) +function DropMenuItem() { + Component.call(this) +} + +DropMenuItem.prototype.render = function() { + + return h('li.drop-menu-item', { + onClick:() => { + this.props.closeMenu() + this.props.action() + }, + style: { + listStyle: 'none', + padding: '6px 10px 6px 17px', + fontFamily: 'Transat Medium', + color: 'rgb(125, 128, 130)', + cursor: 'pointer', + }, + }, [ + this.props.icon, + this.props.label, + ]) +} |