Merge branch 'dev' of https://github.com/oslabs-beta/reactime into dev

Author: EivindDelFierro

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

@@ -63,8 +63,6 @@ const BarGraph = (props: BarGraphProps): JSX.Element => {
   });
 
   const keys = Object.keys(data.componentData);
-  const getSnapshotId = (d: snapshot) => d.snapshotId; // data accessor (used to generate scales) and formatter (add units for on hover box). d comes from data.barstack post filtered data
-
   const getSnapshotId = (d: snapshot) => d.snapshotId; // data accessor (used to generate scales) and formatter (add units for on hover box). d comes from data.barstack post filtered data
   const formatSnapshotId = (id) => `Snapshot ID: ${id}`; // returns snapshot id when invoked in tooltip section
   const formatRenderTime = (time) => `${time} ms `; // returns render time when invoked in tooltip section

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

@@ -10,7 +10,6 @@ import { scaleBand, scaleLinear, scaleOrdinal } from '@visx/scale';
 import { useTooltip, useTooltipInPortal, defaultStyles } from '@visx/tooltip';
 import { Text } from '@visx/text';
 import { schemeTableau10 } from 'd3-scale-chromatic';
-import { styled } from '@mui/system';
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';
@@ -207,7 +206,7 @@ const BarGraphComparison = (props: BarGraphComparisonProps): JSX.Element => {
                 : { backgroundColor: '#ff6569', color: 'black' }
             }
           >
-            {buttonLoad ? 'Deleted' : 'Clear Series'}
+            {buttonLoad ? 'Deleted' : 'Clear All Series'}
           </Button>
 
           <FormControl sx={{ m: 1, minWidth: 180 }} size='small'>