1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

De-dupe click handler for sandwich-expando

This commit is contained in:
sdtsui 2017-08-03 18:35:10 -07:00
parent 4d6a289629
commit 10d3a519c8

View File

@ -193,15 +193,17 @@ App.prototype.renderAppBar = function () {
// hamburger
props.isUnlocked && h(SandwichExpando, {
className: 'sandwich-expando',
width: 16,
barHeight: 2,
padding: 0,
isOpen: state.isMainMenuOpen,
color: 'rgb(247,146,30)',
onClick: (event) => {
event.preventDefault()
onClick: () => {
event.stopPropagation()
this.setState({ isMainMenuOpen: !state.isMainMenuOpen })
this.setState({
isMainMenuOpen: !state.isMainMenuOpen,
})
},
}),
]),
@ -340,9 +342,13 @@ App.prototype.renderDropdown = function () {
isOpen: isOpen,
zIndex: 11,
onClickOutside: (event) => {
const { classList } = event.target
const isNotToggleElement = !classList.contains('sandwich-expando')
if (isNotToggleElement) {
const classList = event.target.classList
const parentClassList = event.target.parentElement.classList
const isToggleElement = classList.contains('sandwich-expando') ||
parentClassList.contains('sandwich-expando')
if (isOpen && !isToggleElement) {
this.setState({ isMainMenuOpen: false })
}
},