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}>
+          &times;
+            </button>
+          </div>
+        )}
+      </Popup>
+
+    )
+  }
+}
+
+export default PopupMenu