diff --git a/browser/main/HomePage/ArticleTopBar.js b/browser/main/HomePage/ArticleTopBar.js index 03efb5d9..36fbcf35 100644 --- a/browser/main/HomePage/ArticleTopBar.js +++ b/browser/main/HomePage/ArticleTopBar.js @@ -35,7 +35,8 @@ export default class ArticleTopBar extends React.Component { super(props) this.state = { - isTooltipHidden: true + isTooltipHidden: true, + isLinksDropdownOpen: false } } @@ -96,6 +97,28 @@ export default class ArticleTopBar extends React.Component { dispatch(toggleTutorial()) } + handleLinksDropdownClick (e) { + e.preventDefault() + let linksButton = document.activeElement + this.handleLinksDropdownClickHandler = e => { + if (linksButton !== document.activeElement) { + console.log('hide dropdown') + document.removeEventListener('click', this.handleLinksDropdownClickHandler) + this.setState({ + isLinksDropdownOpen: false + }) + } + } + + if (!this.state.isLinksDropdownOpen) { + document.removeEventListener('click', this.handleLinksDropdownClickHandler) + document.addEventListener('click', this.handleLinksDropdownClickHandler) + this.setState({ + isLinksDropdownOpen: true + }) + } + } + render () { let { status } = this.props return ( @@ -132,10 +155,23 @@ export default class ArticleTopBar extends React.Component {