R1 dropdown

Author: yujinkay

src/app/components/SwitchState.jsx

@@ -0,0 +1,20 @@
+import React from 'react'; 
+import Select from 'react-select'; 
+
+// SwitchStateDropdown should display options including all 
+// and specific states being used
+    // TODO: Need to get the getter name (for functional components) 
+    // and state name for stateful components 
+const SwitchStateDropdown = props => {
+    // Requirements: 
+        // Need to be able to filter by state name 
+        // The way state name gets imported needs to be checked 
+    return (
+        <Select className="state-dropdown" 
+        placeholder="Choose your state" 
+        options={}
+        />
+    )
+}
+
+export default SwitchStateDropdown; 

src/app/containers/ActionContainer.jsx

@@ -1,5 +1,6 @@
 /* eslint-disable react/no-array-index-key */
 import React from 'react';
+import SwitchStateDropdown from '../components/SwitchState'; 
 import Action from '../components/Action';
 
 import { emptySnapshots } from '../actions/actions';
@@ -31,6 +32,7 @@ function ActionContainer() {
         <button className="empty-button" onClick={() => dispatch(emptySnapshots())} type="button">
           Empty
         </button>
+        <SwitchStateDropdown />
       </div>
       <div>{actionsArr}</div>
     </div>