From 3d2d52cc8e51a5544d0dffd3854c607873e0c994 Mon Sep 17 00:00:00 2001
From: Andrew Joye <andrew@amberengine.com>
Date: Mon, 30 Oct 2017 16:57:11 -0400
Subject: [PATCH 1/4] sharing is caring

---
 src/components/SelectModal/SelectModal.scss |  9 ++++
 src/components/SelectModal/index.js         | 49 +++++++++++++++++++++
 src/components/index.js                     |  1 +
 3 files changed, 59 insertions(+)
 create mode 100644 src/components/SelectModal/SelectModal.scss
 create mode 100644 src/components/SelectModal/index.js

diff --git a/src/components/SelectModal/SelectModal.scss b/src/components/SelectModal/SelectModal.scss
new file mode 100644
index 0000000..b74c6bc
--- /dev/null
+++ b/src/components/SelectModal/SelectModal.scss
@@ -0,0 +1,9 @@
+.formWrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.submitButton {
+  align-self: center;
+  justify-self: center;
+}
diff --git a/src/components/SelectModal/index.js b/src/components/SelectModal/index.js
new file mode 100644
index 0000000..58684da
--- /dev/null
+++ b/src/components/SelectModal/index.js
@@ -0,0 +1,49 @@
+import React, { Component } from 'react';
+
+import Form, FormGroup, Fields, Submit from '../Form';
+import { required } from '../Form/Validation';
+
+import stylesheet from './SelectModal.scss';
+
+export default class SelectModal extends Component {
+  render() {
+    const {
+      onSubmit,
+      options,
+      toggleModal,
+      visible,
+      label,
+      title,
+      name
+    } = this.props;
+
+    return (
+      <Modal
+        isOpen={visible}
+        onClose={toggleModal}
+        label={label}
+        className={stylesheet.modalContainer}
+      >
+        <Form
+          onSubmit={onSubmit}
+          className={stylesheet.formWrapper}
+        >
+          <FormGroup
+            title={title}
+            name={name}
+            className="form-control"
+            validate={[required]}
+            FieldComponent={Fields.ValidatedDropDownField}
+            options={options}
+          />
+          <Submit
+            type="submit"
+            className={stylesheet.submitButton}
+          >
+            SUBMIT
+          </Submit>
+        </Form>
+      </Modal>
+    );
+  }
+}
diff --git a/src/components/index.js b/src/components/index.js
index 6febdd3..424ea31 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -9,6 +9,7 @@ export IconButton from './IconButton';
 export Modal from './Modal';
 export Pagination from './Pagination';
 export RoundRectangle from './RoundRectangle';
+export * as SelectModal from './SelectModal';
 export SquareSelect from './SquareSelect';
 export * as Table from './Table';
 

From 6e2426511b4cb93b84688512b05f1cbbd6cc7cee Mon Sep 17 00:00:00 2001
From: Andrew Joye <andrew@amberengine.com>
Date: Tue, 31 Oct 2017 10:45:35 -0400
Subject: [PATCH 2/4] wrapped

---
 src/components/SelectModal/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SelectModal/index.js b/src/components/SelectModal/index.js
index 58684da..f3b5e2c 100644
--- a/src/components/SelectModal/index.js
+++ b/src/components/SelectModal/index.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import Form, FormGroup, Fields, Submit from '../Form';
+import { Form, FormGroup, Fields, Submit } from '../Form';
 import { required } from '../Form/Validation';
 
 import stylesheet from './SelectModal.scss';

From 5bfc87d3451eb4780201d890ec62ebb2297d4dc3 Mon Sep 17 00:00:00 2001
From: Andrew Joye <andrew@amberengine.com>
Date: Tue, 31 Oct 2017 11:00:14 -0400
Subject: [PATCH 3/4] trying this

---
 src/components/SelectModal/index.js | 4 +++-
 src/components/index.js             | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/SelectModal/index.js b/src/components/SelectModal/index.js
index f3b5e2c..8c2e431 100644
--- a/src/components/SelectModal/index.js
+++ b/src/components/SelectModal/index.js
@@ -5,7 +5,7 @@ import { required } from '../Form/Validation';
 
 import stylesheet from './SelectModal.scss';
 
-export default class SelectModal extends Component {
+class SelectModal extends Component {
   render() {
     const {
       onSubmit,
@@ -47,3 +47,5 @@ export default class SelectModal extends Component {
     );
   }
 }
+
+export default SelectModal;
diff --git a/src/components/index.js b/src/components/index.js
index 424ea31..893f2e3 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -9,7 +9,7 @@ export IconButton from './IconButton';
 export Modal from './Modal';
 export Pagination from './Pagination';
 export RoundRectangle from './RoundRectangle';
-export * as SelectModal from './SelectModal';
+export SelectModal from './SelectModal';
 export SquareSelect from './SquareSelect';
 export * as Table from './Table';
 

From 9107f0e43f62dbee612a0ad7a53688d6817fe9c7 Mon Sep 17 00:00:00 2001
From: Andrew Joye <andrew@amberengine.com>
Date: Tue, 31 Oct 2017 11:10:18 -0400
Subject: [PATCH 4/4] forgot this import

---
 src/components/SelectModal/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/SelectModal/index.js b/src/components/SelectModal/index.js
index 8c2e431..e33b20b 100644
--- a/src/components/SelectModal/index.js
+++ b/src/components/SelectModal/index.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 
 import { Form, FormGroup, Fields, Submit } from '../Form';
+import Modal from '../Modal';
 import { required } from '../Form/Validation';
 
 import stylesheet from './SelectModal.scss';