diff options
Diffstat (limited to 'graphgraph-fe/src/PopupSettings.js')
-rw-r--r-- | graphgraph-fe/src/PopupSettings.js | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/graphgraph-fe/src/PopupSettings.js b/graphgraph-fe/src/PopupSettings.js new file mode 100644 index 0000000..a278bc8 --- /dev/null +++ b/graphgraph-fe/src/PopupSettings.js @@ -0,0 +1,27 @@ +import React from 'react' +import Popup from 'reactjs-popup' +import './PopupSettings.css' +import GraphHops from './GraphHops' + +class PopupMenu extends React.Component { + render () { + return ( + <Popup trigger={<button className='settings-button' disabled={this.props.isDisabled}>Hops</button>} position="bottom right"> + {close => ( + <div> + <GraphHops parentHops={this.props.parentHops} childHops={this.props.childHops} cousinHops={this.props.cousinHops} updateHops={this.props.updateHops} /> + <button + type="button" + className="link-button, close" + onClick={close}> + × + </button> + </div> + )} + </Popup> + + ) + } +} + +export default PopupMenu |