[web] Add Option Modal to FileMenu.

This commit is contained in:
Matthew Shao 2017-06-28 18:49:11 +08:00
parent c0ad25715b
commit 2a9b2a549a

View File

@ -4,11 +4,13 @@ import { connect } from 'react-redux'
import FileChooser from '../common/FileChooser'
import Dropdown, {Divider} from '../common/Dropdown'
import * as flowsActions from '../../ducks/flows'
import * as modalActions from '../../ducks/ui/modal'
FileMenu.propTypes = {
clearFlows: PropTypes.func.isRequired,
loadFlows: PropTypes.func.isRequired,
saveFlows: PropTypes.func.isRequired
saveFlows: PropTypes.func.isRequired,
openModal: PropTypes.func.isRequired,
}
FileMenu.onNewClick = (e, clearFlows) => {
@ -17,7 +19,7 @@ FileMenu.onNewClick = (e, clearFlows) => {
clearFlows()
}
export function FileMenu ({clearFlows, loadFlows, saveFlows}) {
export function FileMenu ({clearFlows, loadFlows, saveFlows, openModal}) {
return (
<Dropdown className="pull-left" btnClass="special" text="mitmproxy">
<a href="#" onClick={e => FileMenu.onNewClick(e, clearFlows)}>
@ -34,6 +36,11 @@ export function FileMenu ({clearFlows, loadFlows, saveFlows}) {
&nbsp;Save...
</a>
<a href="#" onClick={e => { openModal('OptionModal') }}>
<i className="fa fa-fw fa-cog"></i>
&nbsp;Options
</a>
<Divider/>
<a href="http://mitm.it/" target="_blank">
@ -50,5 +57,6 @@ export default connect(
clearFlows: flowsActions.clear,
loadFlows: flowsActions.upload,
saveFlows: flowsActions.download,
openModal: modalActions.setActiveModal,
}
)(FileMenu)