aboutsummaryrefslogtreecommitdiffstats
path: root/ui/responsive/app/components/dropdown.js
diff options
context:
space:
mode:
authorsdtsui <szehungdanieltsui@gmail.com>2017-07-18 20:25:16 +0800
committersdtsui <szehungdanieltsui@gmail.com>2017-07-18 20:31:52 +0800
commitfce7bf3a1ca3c3b1b84173355965d8dc511effdc (patch)
tree449bfd74725c6fe9cf01905dde037de01c0ced4f /ui/responsive/app/components/dropdown.js
parent2adfce772c91e28cb25145ad0beda40bd5aed7d4 (diff)
downloadtangerine-wallet-browser-fce7bf3a1ca3c3b1b84173355965d8dc511effdc.tar
tangerine-wallet-browser-fce7bf3a1ca3c3b1b84173355965d8dc511effdc.tar.gz
tangerine-wallet-browser-fce7bf3a1ca3c3b1b84173355965d8dc511effdc.tar.bz2
tangerine-wallet-browser-fce7bf3a1ca3c3b1b84173355965d8dc511effdc.tar.lz
tangerine-wallet-browser-fce7bf3a1ca3c3b1b84173355965d8dc511effdc.tar.xz
tangerine-wallet-browser-fce7bf3a1ca3c3b1b84173355965d8dc511effdc.tar.zst
tangerine-wallet-browser-fce7bf3a1ca3c3b1b84173355965d8dc511effdc.zip
Remove accounts screen
Diffstat (limited to 'ui/responsive/app/components/dropdown.js')
-rw-r--r--ui/responsive/app/components/dropdown.js44
1 files changed, 27 insertions, 17 deletions
diff --git a/ui/responsive/app/components/dropdown.js b/ui/responsive/app/components/dropdown.js
index 6e09cd133..e77b4c40c 100644
--- a/ui/responsive/app/components/dropdown.js
+++ b/ui/responsive/app/components/dropdown.js
@@ -1,11 +1,13 @@
-const Component = require('react').Component;
-const PropTypes = require('react').PropTypes;
-const h = require('react-hyperscript');
-const MenuDroppo = require('menu-droppo');
+const Component = require('react').Component
+const PropTypes = require('react').PropTypes
+const h = require('react-hyperscript')
+const MenuDroppo = require('menu-droppo')
+
+const noop = () => {}
class Dropdown extends Component {
- render() {
- const { isOpen, onClickOutside, style, children } = this.props;
+ render () {
+ const { isOpen, onClickOutside, style, children } = this.props
return h(
MenuDroppo,
@@ -30,27 +32,34 @@ class Dropdown extends Component {
`
),
...children,
- ],
- );
+ ]
+ )
}
}
+Dropdown.defaultProps = {
+ isOpen: false,
+ onClick: noop,
+}
+
Dropdown.propTypes = {
- isOpen: PropTypes.func.isRequired,
+ isOpen: PropTypes.bool.isRequired,
onClick: PropTypes.func.isRequired,
children: PropTypes.node,
- style: PropTypes.object.isRequired,
+ style: PropTypes.object.isRequired,
}
class DropdownMenuItem extends Component {
- render() {
- const { onClick, closeMenu, children } = this.props;
+ render () {
+ const { onClick, closeMenu, children } = this.props
return h(
'li.dropdown-menu-item',
{
- onClick,
- closeMenu,
+ onClick: () => {
+ onClick()
+ closeMenu()
+ },
style: {
listStyle: 'none',
padding: '8px 0px 8px 0px',
@@ -60,10 +69,11 @@ class DropdownMenuItem extends Component {
cursor: 'pointer',
display: 'flex',
justifyContent: 'flex-start',
+ alignItems: 'center',
},
},
children
- );
+ )
}
}
@@ -71,9 +81,9 @@ DropdownMenuItem.propTypes = {
closeMenu: PropTypes.func.isRequired,
onClick: PropTypes.func.isRequired,
children: PropTypes.node,
-};
+}
module.exports = {
Dropdown,
DropdownMenuItem,
-}; \ No newline at end of file
+}