mergeMessageHere

Co-authored-by: Chris LeBrett <100822842+fscgolden@users.noreply.github.com>
Co-authored-by: Robby Tipton <100332566+RobbyTipton@users.noreply.github.com>
Co-authored-by: Joseph Park <10874783+joeepark@users.noreply.github.com>
Co-authored-by: David Kim <101825171+codejunkie7@users.noreply.github.com>
Co-authored-by: Kevin HoEun Lee <14950124+khobread@users.noreply.github.com>

Author: 5 people

src/app/components/BarGraph.tsx

@@ -1,7 +1,6 @@
 // @ts-nocheck
 import React, { useEffect, useState } from 'react';
 import { FormControl, InputLabel, Select, MenuItem } from '@mui/material';
-// import Select from 'react-select';
 import { BarStack } from '@visx/shape';
 import { SeriesPoint } from '@visx/shape/lib/types';
 import { Group } from '@visx/group';
@@ -139,18 +138,9 @@ const BarGraph = props => {
     dispatch(save(toStorage));
   };
 
-  console.log('data-barstack', data.barStack)
-
-  // const [isMenuOpen, setIsMenuOpen] = useState(false);
-
-  // const onMenuOpen = () => setIsMenuOpen(true);
-  // const onMenuClose = () => setIsMenuOpen(false);
-
   const textbox = tabs[currentTab].seriesSavedStatus === 'inputBoxOpen' ? <input type="text" id="seriesname" placeholder="Enter Series Name" onChange={e => setSeriesNameInput(e.target.value)} /> : null;
   return (
     <div className="bargraph-position">
-
-      {/* <input type="text" id ="seriesname" placeholder="Series Name" /> */}
       <div className="saveSeriesContainer">
         {textbox}
         <button
@@ -161,13 +151,11 @@ const BarGraph = props => {
           Save Series
         </button>
       </div>
-      {/* <div className="routesContainer"> */}
       <FormControl className="routesForm" id="routes-formcontrol" size="small">
         <InputLabel id="routes-dropdown">Select Route</InputLabel>
         <Select
           labelId="demo-simple-select-label"
           id="routes-select"
-          // label="Routes"
           onChange={e => setRoute(e.target.value)}
         >
           <MenuItem value={null}>
@@ -180,7 +168,6 @@ const BarGraph = props => {
           ))}
         </Select>
       </FormControl>
-      {/* </div> */}
       <svg ref={containerRef} width={width} height={height}>
         <rect
           x={0}

src/app/components/PerformanceVisx.tsx

@@ -232,7 +232,6 @@ const PerformanceVisx = (props: BarStackProps) => {
 
   const allRoutes = [];
   const filteredSnapshots = [];
-  const copyOfBars = [];
 
   for (let i = 0; i < data.barStack.length; i += 1) {
     const url = new URL(data.barStack[i].route);
@@ -244,15 +243,9 @@ const PerformanceVisx = (props: BarStackProps) => {
     }
   }
   if (route) {
-    // copyOfBars = data.barStack;
     data.barStack = filteredSnapshots;
   }
-  // console.log('Data', data);
-  // console.log('URL is ', url);
-  console.log('data.barStack is ', data.barStack);
-  console.log('filtered snapshots are ', filteredSnapshots);
-  // console.log('AllRoutes', allRoutes);
-
+ 
   const renderBargraph = () => {
     if (hierarchy) {
       return (
@@ -264,17 +257,13 @@ const PerformanceVisx = (props: BarStackProps) => {
             comparison={allStorage()}
             setRoute={setRoute}
             allRoutes={allRoutes}
-            copyOfBars={copyOfBars}
             filteredSnapshots={filteredSnapshots}
           />
         </div>
       );
     }
   };
 
-  console.log('data', data)
-  
-
   const renderComponentDetailsView = () => {
     if (hierarchy) {
       return <RenderingFrequency data={data.componentData} />;
@@ -294,7 +283,6 @@ const PerformanceVisx = (props: BarStackProps) => {
       <div className="performance-nav-bar-container">
         <NavLink
           className="router-link-performance"
-          // className="router-link"
           activeClassName="is-active"
           exact
           to="/"
@@ -304,15 +292,13 @@ const PerformanceVisx = (props: BarStackProps) => {
         <NavLink
           className="router-link-performance"
           id="router-link-performance-comparison"
-          // className="router-link"
           activeClassName="is-active"
           to="/comparison"
         >
           Comparison View
         </NavLink>
         <NavLink
           className="router-link-performance"
-          // className="router-link"
           activeClassName="is-active"
           to="/componentdetails"
         >