better be final merge of the day

Author: morahgeist

src/app/components/StateRoute/PerformanceVisx/BarGraphComparison.tsx

@@ -52,11 +52,10 @@ const BarGraphComparison = (props: BarGraphComparisonProps): JSX.Element => {
   const { width, height, data, comparison, setSeries, series, setAction } = props;
   const [snapshots] = useState(0);
   const [open, setOpen] = useState(false);
-  const [picOpen, setPicOpen] = useState(false);
-  //tracking whether or not the clear series button is clicked
-  const [buttonLoad, setButtonLoad] = useState(false);
-
+  const [picOpen, setPicOpen] = useState(false); 
+  const [buttonLoad, setButtonLoad] = useState(false); //tracking whether or not the clear series button is clicked
   const theme = useTheme();
+
   useEffect(() => {
     dispatch(setCurrentTabInApp('performance-comparison'));
   }, [dispatch]);
@@ -198,6 +197,7 @@ const BarGraphComparison = (props: BarGraphComparisonProps): JSX.Element => {
     <div>
       <div className='series-options-container'>
         <div className='dropdown-and-delete-series-container'>
+          
           <Button
             variant='contained'
             sx={{ p: 2, color: 'white' }}
@@ -211,13 +211,12 @@ const BarGraphComparison = (props: BarGraphComparisonProps): JSX.Element => {
                 setButtonLoad(false);
               }, 1000);
             }}
-            style={
-              buttonLoad
-                ? { backgroundColor: theme.palette.primary.main }
+            style={ buttonLoad ? { backgroundColor: theme.palette.primary.main }
                 : { backgroundColor: theme.palette.secondary.main }
             }>
             {buttonLoad ? 'Deleted' : 'Clear Series'}
           </Button>
+            
           <h4 className='compare-series-box' style={{ padding: '0 1rem' }}>
             Compare Series:{' '}
           </h4>