removed state and diff buttons

Author: garrettlchow

src/app/components/DiffRoute/Diff.tsx

@@ -18,47 +18,19 @@ const StateContainer = (props: StateContainerProps): JSX.Element => {
     viewIndex, // from 'tabs[currentTab]' object in 'MainContainer'
     webMetrics, // from 'tabs[currentTab]' object in 'MainContainer'
     currLocation, // from 'tabs[currentTab]' object in 'MainContainer'
-    axSnapshots,// from 'tabs[currentTab]' object in 'MainContainer'
+    axSnapshots, // from 'tabs[currentTab]' object in 'MainContainer'
   } = props;
 
   return (
     <>
-    <div className='state-container'>
-      <div className='main-navbar-container'>
-        <div className='main-navbar-text' />
-        <div className='main-navbar'>
-          <NavLink
-            className={(navData) =>
-              navData.isActive ? 'is-active main-router-link' : 'main-router-link'
-            }
-            to='/'
-          >
-            State
-          </NavLink>
-          <NavLink
-            className={(navData) =>
-              navData.isActive ? 'is-active main-router-link' : 'main-router-link'
-            }
-            to='/diff'
-          >
-            Diff
-          </NavLink>
+      <div className='state-container'>
+        <div className='main-navbar-container'>
+          <div className='main-navbar'></div>
         </div>
-      </div>
-      <Routes>
-        <Route
-          path='/diff/*'
-          element={
-            <div>
-              <DiffRoute snapshot={snapshot} />
-              {/* <Outlet/> */}
-            </div>
-          }
-        />
-        <Route
-          path='/*'
-          element={
-            <div style={{ height: '100%' }}>
+        <Routes>
+          <Route
+            path='/*'
+            element={
               <StateRoute
                 axSnapshots={axSnapshots}
                 webMetrics={webMetrics}
@@ -68,11 +40,10 @@ const StateContainer = (props: StateContainerProps): JSX.Element => {
                 snapshots={snapshots}
                 currLocation={currLocation}
               />
-            </div>
-          }
-        />
-      </Routes>
-    </div>
+            }
+          />
+        </Routes>
+      </div>
     </>
   );
 };

src/app/components/DiffRoute/DiffRoute.tsx

@@ -7,12 +7,6 @@
   fill: $state-background;
 }
 
-.no-data-message {
-  color: #ff0001;
-  font: normal 13px $text-font-stack;
-  padding: 10px;
-}
-
 .state-container {
   .main-router-link {
     //diff button
@@ -102,12 +96,6 @@
   }
 }
 
-.no-data-message {
-  color: #ff0001;
-  font: normal 13px $text-font-stack;
-  padding: 10px;
-}
-
 .performance-nav-bar-container {
   display: flex;
   border: $performance-subtab-border;