keep account pathname when switching between networks

data/networks.ts → lib/networks.ts

@@ -92,3 +92,9 @@ export const NETWORKS: Array<Network> = [
     group: 'other',
   },
 ];
+
+export const ACCOUNT_ROUTES = [ '/watchlist', 'private-tags', 'public-tags', 'api-keys', 'custom-abi' ];
+
+export function isAccountRoute(route: string) {
+  return ACCOUNT_ROUTES.includes(route);
+}

ui/navigation/networkMenu/NetworkMenuLink.tsx

@@ -6,6 +6,7 @@ import type { Network } from 'types/networks';
 
 import checkIcon from 'icons/check.svg';
 import placeholderIcon from 'icons/networks/placeholder.svg';
+import { isAccountRoute } from 'lib/networks';
 
 import useColors from './useColors';
 
@@ -14,12 +15,24 @@ interface Props extends Network {
   routeName: string;
 }
 
-const NetworkMenuLink = ({ name, type, subType, icon, isActive, routeName }: Props) => {
-  const pathName = `/${ type }/${ subType }` + (routeName || '');
+const NetworkMenuLink = ({ name, type, subType, icon, isActive, routeName, isAccountSupported, isNewUiSupported }: Props) => {
+  const isAccount = isAccountRoute(routeName);
+  const localPath = (() => {
+    if (isAccount && isAccountSupported) {
+      return routeName;
+    }
+
+    if (isAccount && !isAccountSupported) {
+      return '';
+    }
+
+    // will change when blocks&transaction is implemented
+    return routeName;
+  })();
+  const pathName = `/${ type }/${ subType }${ localPath }`;
 
   // will fix later after we agree on CI/CD workflow
-  // const href = isNewUi ? pathname : 'https://blockscout.com' + pathname;
-  const href = pathName;
+  const href = isNewUiSupported ? pathName : 'https://blockscout.com' + pathName;
   const hasIcon = Boolean(icon);
   const colors = useColors({ hasIcon });
 

ui/navigation/networkMenu/NetworkMenuPopup.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 
 import type { NetworkGroup } from 'types/networks';
 
-import { NETWORKS } from 'data/networks';
+import { NETWORKS } from 'lib/networks';
 
 import NetworkMenuLink from './NetworkMenuLink';