created separate BarGraphComparisonActions component to be conditionally rendered if action is selected, partially set up getActions function to grab all actions to be compared, need to set up processing of that data within new component

Author: bmichare

src/app/components/BarGraphComparison.tsx

@@ -70,9 +70,9 @@ const tooltipStyles = {
 const BarGraphComparison = props => {
   const [{ tabs, currentTab }, dispatch] = useStoreContext();
   const {
-    width, height, data, comparison,
+    width, height, data, comparison, setSeries, series, setAction
   } = props;
-  const [series, setSeries] = React.useState(0);
+  // const [series, setSeries] = React.useState(0);
   const [snapshots, setSnapshots] = React.useState(0);
   const [open, setOpen] = React.useState(false);
   const [picOpen, setPicOpen] = React.useState(false);
@@ -170,8 +170,9 @@ const BarGraphComparison = props => {
 
   const classes = useStyles();
 
-  const handleChange = event => {
+  const handleSeriesChange = event => {
     setSeries(event.target.value);
+    setAction(false);
     // setXpoints();
   };
 
@@ -185,8 +186,10 @@ const BarGraphComparison = props => {
     // setXpoints();
   };
 
-  const picHandleChange = event => {
-    setSnapshots(`${(event.target.value + 1).toString()}.0`);
+  const handleActionChange = event => {
+    setAction(event.target.value);
+    setSeries(false);
+    console.log(event.target.value)
     // setXpoints();
   };
 
@@ -264,9 +267,9 @@ const BarGraphComparison = props => {
               onClose={handleClose}
               onOpen={handleOpen}
               value={series}
-              onChange={handleChange}
+              onChange={handleSeriesChange}
             >
-              {!comparison[series] ? (
+              {!comparison.length ? (
                 <MenuItem>No series available</MenuItem>
               ) : (
                 // titleFilter(comparison).map((tabElem, index) => (
@@ -288,8 +291,8 @@ const BarGraphComparison = props => {
               open={picOpen}
               onClose={picHandleClose}
               onOpen={picHandleOpen}
-              value={snapshots} //snapshots
-              // onChange={picHandleChange}
+              value={''} //snapshots
+              onChange={handleActionChange}
             >
               {!comparison[snapshots] ? (
                 <MenuItem>No snapshots available</MenuItem>