removed heat-map-legend container

Author: garrettlchow

src/app/components/StateRoute/ComponentMap/heatMapLegend.tsx

@@ -19,7 +19,6 @@ import {
 } from '../slices/mainSlice';
 import { useDispatch, useSelector } from 'react-redux';
 import { MainState, RootState } from '../FrontendTypes';
-import HeatMapLegend from '../components/StateRoute/ComponentMap/heatMapLegend';
 
 /*
   This is the main container where everything in our application is rendered

src/app/containers/MainContainer.tsx

@@ -8,7 +8,6 @@ import StateRoute from '../components/StateRoute/StateRoute';
 import DiffRoute from '../components/DiffRoute/DiffRoute';
 import { StateContainerProps } from '../FrontendTypes';
 import { Outlet } from 'react-router';
-import HeatMapLegend from '../components/StateRoute/ComponentMap/heatMapLegend';
 
 // eslint-disable-next-line react/prop-types
 const StateContainer = (props: StateContainerProps): JSX.Element => {
@@ -46,7 +45,6 @@ const StateContainer = (props: StateContainerProps): JSX.Element => {
           </NavLink>
         </div>
       </div>
-      <HeatMapLegend />
       <Routes>
         <Route
           path='/diff/*'
@@ -70,8 +68,6 @@ const StateContainer = (props: StateContainerProps): JSX.Element => {
                 snapshots={snapshots}
                 currLocation={currLocation}
               />
-              {/* <Outlet/> */}
-              {/* <HeatMapLegend /> */}
             </div>
           }
         />

src/app/containers/StateContainer.tsx

@@ -6,7 +6,7 @@
   grid-template-rows: 1fr auto; /* Change to auto for the bottom row */
   grid-template-areas:
     'actions states'
-    'bottom bottom'; /* New bottom area that spans full width */
+    'bottom bottom';
 }
 
 /* if extension width is less than 500px, stack the body containers */