fix private tags urls

lib/hooks/useNavItems.tsx

@@ -27,7 +27,7 @@ export default function useNavItems() {
 
     const accountNavItems = [
       { text: 'Watchlist', pathname: basePath + '/account/watchlist', icon: watchlistIcon },
-      { text: 'Private tags', pathname: basePath + '/account/private_tags', icon: privateTagIcon },
+      { text: 'Private tags', pathname: basePath + '/account/tag_address', icon: privateTagIcon },
       { text: 'Public tags', pathname: basePath + '/account/public_tags_request', icon: publicTagIcon },
       { text: 'API keys', pathname: basePath + '/account/api_key', icon: apiKeysIcon },
       { text: 'Custom ABI', pathname: basePath + '/account/custom_abi', icon: abiIcon },

pages/[network_type]/[network_sub_type]/account/private_tags.tsx

@@ -1,23 +0,0 @@
-import type { NextPage } from 'next';
-import Head from 'next/head';
-import React, { useCallback, useState } from 'react';
-
-import PrivateTags from 'ui/pages/PrivateTags';
-
-const TABS = [ 'address', 'transaction' ];
-
-const PrivateTagsPage: NextPage = () => {
-  const [ , setActiveTab ] = useState(TABS[0]);
-  const onChangeTab = useCallback((index: number) => {
-    setActiveTab(TABS[index]);
-  }, [ setActiveTab ]);
-
-  return (
-    <>
-      <Head><title>Private tags</title></Head>
-      <PrivateTags onChangeTab={ onChangeTab }/>
-    </>
-  );
-};
-
-export default PrivateTagsPage;

pages/[network_type]/[network_sub_type]/account/tag_address.tsx

@@ -0,0 +1,16 @@
+import type { NextPage } from 'next';
+import Head from 'next/head';
+import React from 'react';
+
+import PrivateTags from 'ui/pages/PrivateTags';
+
+const AddressTagsPage: NextPage = () => {
+  return (
+    <>
+      <Head><title>Public tags</title></Head>
+      <PrivateTags tab="address"/>
+    </>
+  );
+};
+
+export default AddressTagsPage;

pages/[network_type]/[network_sub_type]/account/tag_transaction.tsx

@@ -0,0 +1,16 @@
+import type { NextPage } from 'next';
+import Head from 'next/head';
+import React from 'react';
+
+import PrivateTags from 'ui/pages/PrivateTags';
+
+const TransactionTagsPage: NextPage = () => {
+  return (
+    <>
+      <Head><title>Public tags</title></Head>
+      <PrivateTags tab="transaction"/>
+    </>
+  );
+};
+
+export default TransactionTagsPage;

ui/pages/PrivateTags.tsx

@@ -6,27 +6,38 @@ import {
   TabPanel,
   TabPanels,
 } from '@chakra-ui/react';
-import React, { useCallback } from 'react';
+import React, { useCallback, useState } from 'react';
 
+import useBasePath from 'lib/hooks/useBasePath';
 import PrivateAddressTags from 'ui/privateTags/PrivateAddressTags';
 import PrivateTransactionTags from 'ui/privateTags/PrivateTransactionTags';
 import AccountPageHeader from 'ui/shared/AccountPageHeader';
 import Page from 'ui/shared/Page/Page';
 
+const TABS = [ 'address', 'transaction' ] as const;
+
+type TabName = typeof TABS[number];
+
 type Props = {
-  onChangeTab: (index: number) => void;
+  tab: TabName;
 }
 
-const PrivateTags = ({ onChangeTab: onChangeTabProps }: Props) => {
-  const onTabChange = useCallback((index: number) => {
-    onChangeTabProps(index);
-  }, [ onChangeTabProps ]);
+const PrivateTags = ({ tab }: Props) => {
+  const [ , setActiveTab ] = useState<TabName>(tab);
+
+  const basePath = useBasePath();
+
+  const onChangeTab = useCallback((index: number) => {
+    setActiveTab(TABS[index]);
+    const newUrl = basePath + '/account/' + (TABS[index] === 'address' ? 'tag_address' : 'tag_transaction');
+    history.replaceState(history.state, '', newUrl);
+  }, [ setActiveTab, basePath ]);
 
   return (
     <Page>
       <Box h="100%">
         <AccountPageHeader text="Private tags"/>
-        <Tabs variant="soft-rounded" colorScheme="blue" isLazy onChange={ onTabChange }>
+        <Tabs variant="soft-rounded" colorScheme="blue" isLazy onChange={ onChangeTab } defaultIndex={ TABS.indexOf(tab) }>
           <TabList marginBottom={ 8 }>
             <Tab>Address</Tab>
             <Tab>Transaction</Tab>