diff options
author | Clemens <cle1000.cb@gmail.com> | 2016-08-09 08:40:24 +0200 |
---|---|---|
committer | Clemens <cle1000.cb@gmail.com> | 2016-08-09 08:40:24 +0200 |
commit | adfdcc9391ed70202a1b4af65259a89634f36fa0 (patch) | |
tree | 69f83b6bbe937a0dfbda18ecd94a57435f32d665 /web/src/js/components/ContentView/ViewSelector.jsx | |
parent | ab322f0be46a07759a7651e8c4975a61d2e067f1 (diff) | |
download | mitmproxy-adfdcc9391ed70202a1b4af65259a89634f36fa0.tar.gz mitmproxy-adfdcc9391ed70202a1b4af65259a89634f36fa0.tar.bz2 mitmproxy-adfdcc9391ed70202a1b4af65259a89634f36fa0.zip |
added hints from mhils
Diffstat (limited to 'web/src/js/components/ContentView/ViewSelector.jsx')
-rw-r--r-- | web/src/js/components/ContentView/ViewSelector.jsx | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/web/src/js/components/ContentView/ViewSelector.jsx b/web/src/js/components/ContentView/ViewSelector.jsx index 1959ec1e..59ec4276 100644 --- a/web/src/js/components/ContentView/ViewSelector.jsx +++ b/web/src/js/components/ContentView/ViewSelector.jsx @@ -2,8 +2,7 @@ import React, { PropTypes, Component } from 'react' import classnames from 'classnames' import { connect } from 'react-redux' import * as ContentViews from './ContentViews' -import { setContentView, setContentViewSelectorOpen } from "../../ducks/ui/flow"; - +import { setContentView } from "../../ducks/ui/flow"; function ViewItem({ name, setContentView, children }) { return ( @@ -29,24 +28,25 @@ class ViewSelector extends Component { constructor(props, context) { super(props, context) this.close = this.close.bind(this) + this.state = {open: false} } close() { - this.props.setContentViewSelectorOpen(false) + this.setState({open: false}) document.removeEventListener('click', this.close) } onDropdown(e){ e.preventDefault() - this.props.setContentViewSelectorOpen(!this.props.isContentViewSelectorOpen) + this.setState({open: !this.state.open}) document.addEventListener('click', this.close) } render() { - const {contentViews, activeView, isEdit, isContentViewSelectorOpen, setContentViewSelectorOpen, setContentView} = this.props + const {contentViews, activeView, isEdit, setContentView} = this.props let edit = ContentViews.Edit.displayName return ( - <div className={classnames('dropup pull-left', { open: isContentViewSelectorOpen })}> + <div className={classnames('dropup pull-left', { open: this.state.open })}> <a className="btn btn-default btn-xs" onClick={ e => this.onDropdown(e) } href="#"> @@ -74,9 +74,7 @@ export default connect ( contentViews: state.settings.contentViews, activeView: state.ui.flow.contentView, isEdit: !!state.ui.flow.modifiedFlow, - isContentViewSelectorOpen: state.ui.flow.isContentViewSelectorOpen }), { setContentView, - setContentViewSelectorOpen } )(ViewSelector) |