declared a const variable of target in our animateButton function

Author: yangbrian310

src/app/components/FrontendTypes.ts

@@ -9,6 +9,16 @@ export interface Series {
     name: string
   }
 
+// interface Event {
+//     target: EventTarget
+// }
+
+// interface EventTarget {
+//   x: WithParentSizeProvidedProps,
+//   y: OptionalKeys,
+//   value?: idk
+//   }
+
 export interface ActionObj {
     name: string,
     seriesName: string,
@@ -63,7 +73,7 @@ export interface BarGraphBase {
 export interface BarGraphComparisonProps extends BarGraphBase {
   setSeries: (e: boolean) => void,
   series: number,
-  setAction: () => void,
+  setAction: (e: boolean) => void,
 }
 
 export interface BarGraphProps extends BarGraphBase{

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

@@ -18,7 +18,7 @@ import {
 } from '../../../actions/actions';
 import { useStoreContext } from '../../../store';
 import {
-  snapshot, TooltipData, margin, BarGraphComparisonProps, ActionObj,
+  snapshot, TooltipData, margin, BarGraphComparisonProps, ActionObj, Series,
 } from '../../FrontendTypes';
 import { BarStack } from '@visx/shape/lib/types';
 
@@ -178,14 +178,18 @@ const BarGraphComparison = (props: BarGraphComparisonProps): JSX.Element => {
     });
     return data.barStack;
   }
+  
   const animateButton = (e: MouseEvent) => {
     e.preventDefault();
-    e.target.classList.add('animate');
-    e.target.innerHTML = 'Deleted!';
-    setTimeout(() => {
-      e.target.innerHTML = 'Clear All Series';
-      e.target.classList.remove('animate');
-    }, 1000);
+    const target = event.target as HTMLButtonElement;
+    if (target) {
+      target.classList.add('animate');
+      target.innerHTML = 'Deleted!';
+      setTimeout(() => {
+        target.innerHTML = 'Clear All Series';
+        target.classList.remove('animate');
+      }, 1000);
+    }
   };
   const classname = document.getElementsByClassName('delete-button');
   for (let i = 0; i < classname.length; i += 1) {

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

@@ -132,7 +132,7 @@ const traverse = (snapshot, data, snapshots, currTotalRender: currNum = 0): void
 // Retrieve snapshot series data from Chrome's local storage.
 const allStorage = (): Series[] => {
   let values = localStorage.getItem('project');
-  const newValues = values === null ? [] : JSON.parse(values);
+  const newValues: Series[] = values === null ? [] : JSON.parse(values);
   return newValues;
 };