scroll

Author: yujinkay

src/app/components/SwitchState.jsx

@@ -1,30 +1,36 @@
 import React from 'react'; 
 import Select from 'react-select'; 
+import Action from './Action'; 
+import { useStoreContext } from '../store'; 
 
 // 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 = () => {
+  const [{ tabs, currentTab}, dispatch] = useStoreContext();
+  const { snapshots } = tabs[currentTab]; 
     // Requirements: 
-        // Should be able to filter the Actions by the name of the state being changed
+    // Should be able to filter the Actions by the name of the state being changed
         // Should consider how to import the state names being changed 
         // Should display the "All state", as well as specific state names as the options
         // When clicked on "All state" >> should display all Actions
         // When clicked on a specific "state" >> should only display Actions corresponding to the state
+console.log('hLELLLLLLLO')
+console.log('what the snapshots look like:', snapshots); 
 
-    const sampleDropdown = [
-        {label: 'Overview'}, 
-        {label: 'setUsername'}, 
-        {label: 'setPassword'}
-    ]; 
+    // const sampleDropdown = [
+    //     {label: 'Overview'}, 
+    //     {label: 'setUsername'}, 
+    //     {label: 'setPassword'}
+    // ]; 
 
-    return (
-        <Select 
-        className="state-dropdown" 
-        placeholder="Choose your state" 
-        options={sampleDropdown}
-        />
+  return (
+    <Select 
+    className="state-dropdown" 
+    placeholder="Choose your state" 
+    options={sampleDropdown}
+    />
     )
 }