update tabs (#487)

Author: PiotrRumblefish

packages/frontend/src/containers/AppNavigation/AppNavigation.component.tsx

@@ -30,18 +30,18 @@ export const AppNavigationComponent: React.FC<TAppNavigationComponentProps> = ({
             },
           }}
         >
-          <StyledTab
+          {/* <StyledTab
             label="Data Manager"
             value={convertNavigationTabName(ROUTES.DATA_MANAGER)}
             onClick={() => handleTabChange(ROUTES.DATA_MANAGER)}
-          />
+          /> */}
           <StyledTab
-            label="Transaction screen"
+            label="Transaction Explorer"
             value={convertNavigationTabName(ROUTES.TRANSACTION_SCREEN)}
             onClick={() => handleTabChange(ROUTES.TRANSACTION_SCREEN)}
           />
           <StyledTab
-            label="Transaction Explorer"
+            label="Gas Usage Map"
             value={convertNavigationTabName(ROUTES.TRANSACTION_EXPLORER)}
             onClick={() => handleTabChange(ROUTES.TRANSACTION_EXPLORER)}
           />

packages/frontend/src/router.tsx

@@ -18,15 +18,19 @@ export const appRouter = createBrowserRouter(
       children: [
         {
           path: ROUTES.TRANSACTION_SCREEN,
-          element: <TransactionScreen />,
+          element: <TransactionExplorer />,
+        },
+        {
+          path: ROUTES.REDIRECT_OLD,
+          element: <TransactionExplorer />,
         },
         {
           path: ROUTES.DATA_MANAGER,
           element: <AnalyzeSummary />,
         },
         {
           path: ROUTES.TRANSACTION_EXPLORER,
-          element: <TransactionExplorer />,
+          element: <TransactionScreen />,
         },
       ],
     },

packages/frontend/src/routes.ts

@@ -2,7 +2,8 @@ export enum ROUTES {
   BASE = 'evm-debugger',
   HOME = '/',
   APP = '/tx',
-  TRANSACTION_SCREEN = '/tx/:chainId/:txHash',
+  TRANSACTION_SCREEN = '/tx/:chainId/:txHash/',
   DATA_MANAGER = '/tx/:chainId/:txHash/dataManager',
-  TRANSACTION_EXPLORER = '/tx/:chainId/:txHash/transactionExplorer',
+  TRANSACTION_EXPLORER = '/tx/:chainId/:txHash/gas_usage_map',
+  REDIRECT_OLD = '/tx/:chainId/:txHash/transactionExplorer',
 }