1
- import React from 'react' ;
2
- import Select from 'react-select' ;
3
- import Action from './Action' ;
4
- import { useStoreContext } from '../store' ;
1
+ // import React from 'react';
2
+ // import Select from 'react-select';
3
+ // import Action from './Action';
4
+ // import { useStoreContext } from '../store';
5
5
6
- // SwitchStateDropdown should display options including all
7
- // and specific states being used
8
- // TODO: Need to get the getter name (for functional components)
9
- // and state name for stateful components
10
- const SwitchStateDropdown = ( ) => {
11
- const [ { tabs, currentTab} , dispatch ] = useStoreContext ( ) ;
12
- const { snapshots } = tabs [ currentTab ] ;
13
- // Requirements:
14
- // Should be able to filter the Actions by the name of the state being changed
15
- // Should consider how to import the state names being changed
16
- // Should display the "All state", as well as specific state names as the options
17
- // When clicked on "All state" >> should display all Actions
18
- // When clicked on a specific "state" >> should only display Actions corresponding to the state
19
- console . log ( 'hLELLLLLLLO' )
20
- console . log ( 'what the snapshots look like:' , snapshots ) ;
6
+ // // SwitchStateDropdown should display options including all
7
+ // // and specific states being used
8
+ // // TODO: Need to get the getter name (for functional components)
9
+ // // and state name for stateful components
10
+ // const SwitchStateDropdown = () => {
11
+ // const [{ tabs, currentTab}, dispatch] = useStoreContext();
12
+ // const { snapshots } = tabs[currentTab];
13
+ // // Requirements:
14
+ // // Should be able to filter the Actions by the name of the state being changed
15
+ // // Should consider how to import the state names being changed
16
+ // // Should display the "All state", as well as specific state names as the options
17
+ // // When clicked on "All state" >> should display all Actions
18
+ // // When clicked on a specific "state" >> should only display Actions corresponding to the state
21
19
22
- // const sampleDropdown = [
23
- // {label: 'Overview'},
24
- // {label: 'setUsername'},
25
- // {label: 'setPassword'}
26
- // ];
20
+ // // const sampleDropdown = [
21
+ // // {label: 'Overview'},
22
+ // // {label: 'setUsername'},
23
+ // // {label: 'setPassword'}
24
+ // // ];
27
25
28
- return (
29
- < Select
30
- className = "state-dropdown"
31
- placeholder = "Choose your state"
32
- options = { sampleDropdown }
33
- />
34
- )
35
- }
26
+ // return (
27
+ // <Select
28
+ // className="state-dropdown"
29
+ // placeholder="Choose your state"
30
+ // options={sampleDropdown}
31
+ // />
32
+ // )
33
+ // }
36
34
37
- export default SwitchStateDropdown ;
35
+ // export default SwitchStateDropdown;
0 commit comments