Update BarGraphComparison.tsx

deleted duplicate code

Author: EivindDelFierro

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

@@ -2,7 +2,7 @@
 /// <reference lib="dom" />
 /* eslint-disable no-param-reassign */
 import React, { useEffect, useState } from 'react';
-import React, { useEffect, useState } from 'react';
+
 import { BarStack } from '@visx/shape';
 import { Group } from '@visx/group';
 import { Grid } from '@visx/grid';
@@ -53,18 +53,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();
-  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 theme = useTheme();
   useEffect(() => {
     dispatch(setCurrentTabInApp('performance-comparison'));
   }, [dispatch]);
@@ -206,11 +198,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' }}
-            // type='button'
-            >
+          
           <Button
             variant='contained'
             sx={{ p: 2, color: 'white' }}
@@ -224,21 +212,13 @@ const BarGraphComparison = (props: BarGraphComparisonProps): JSX.Element => {
               setTimeout(() => {
                 setButtonLoad(false);
               }, 1000);
-
-              setTimeout(() => {
-                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>
+            }>
             {buttonLoad ? 'Deleted' : 'Clear Series'}
           </Button>
+            
           <h4 className='compare-series-box' style={{ padding: '0 1rem' }}>
             Compare Series:{' '}
           </h4>