add link

deploy/values/main/values.yaml

@@ -474,6 +474,7 @@ frontend:
         - "/stats"
         - "/search-results"
         - "/tokens"
+        - "/accounts"
   resources:
     limits:
       memory:

deploy/values/review/values.yaml

@@ -323,6 +323,7 @@ frontend:
         - "/search-results"
         - "/token"
         - "/tokens"
+        - "/accounts"
 
   resources:
     limits:

lib/hooks/useNavItems.tsx

@@ -12,6 +12,7 @@ import publicTagIcon from 'icons/publictags.svg';
 import statsIcon from 'icons/stats.svg';
 import tokensIcon from 'icons/token.svg';
 import transactionsIcon from 'icons/transactions.svg';
+import walletIcon from 'icons/wallet.svg';
 import watchlistIcon from 'icons/watchlist.svg';
 import link from 'lib/link/link';
 import useCurrentRoute from 'lib/link/useCurrentRoute';
@@ -27,6 +28,7 @@ export default function useNavItems() {
       { text: 'Blocks', url: link('blocks'), icon: blocksIcon, isActive: currentRoute.startsWith('block'), isNewUi: false },
       { text: 'Transactions', url: link('txs'), icon: transactionsIcon, isActive: currentRoute.startsWith('tx'), isNewUi: false },
       { text: 'Tokens', url: link('tokens'), icon: tokensIcon, isActive: currentRoute === 'tokens', isNewUi: false },
+      { text: 'Accounts', url: link('accounts'), icon: walletIcon, isActive: currentRoute === 'accounts', isNewUi: false },
       isMarketplaceFilled ?
         { text: 'Apps', url: link('apps'), icon: appsIcon, isActive: currentRoute === 'apps', isNewUi: true } : null,
       { text: 'Charts & stats', url: link('stats'), icon: statsIcon, isActive: currentRoute === 'stats', isNewUi: false },

lib/link/paths.json

@@ -15,6 +15,7 @@
   "token_instance_item": "/token/:hash/instance/:id",
   "address_index": "/address/:id",
   "address_contract_verification": "/address/:id/contract_verifications/new",
+  "accounts": "/accounts",
   "apps": "/apps",
   "app_index": "/apps/:id",
   "search_results": "/search-results",

lib/link/routes.ts

@@ -77,6 +77,12 @@ export const ROUTES = {
     crossNetworkNavigation: true,
   },
 
+  // ACCOUNTS
+  accounts: {
+    pattern: PATHS.accounts,
+    crossNetworkNavigation: true,
+  },
+
   // APPS
   apps: {
     pattern: PATHS.apps,

ui/addresses/AddressesTableItem.tsx

@@ -50,7 +50,8 @@ const AddressesTableItem = ({
         )) : <Text lineHeight="24px">-</Text> }
       </Td>
       <Td isNumeric>
-        <Text lineHeight="24px" as="span">{ addressBalanceChunks[0] + '.' }</Text>
+        <Text lineHeight="24px" as="span">{ addressBalanceChunks[0] }</Text>
+        { addressBalanceChunks[1] && <Text lineHeight="24px" as="span">.</Text> }
         <Text lineHeight="24px" variant="secondary" as="span">{ addressBalanceChunks[1] }</Text>
       </Td>
       { hasPercentage && (

ui/pages/Accounts.pw.tsx

@@ -24,7 +24,7 @@ const addresses: AddressesResponse = {
     }, {
       ...addressMocks.withoutName,
       tx_count: '11',
-      coin_balance: '123456789012000',
+      coin_balance: '1000000000000000000',
     },
   ],
   total_supply: '25222000',
@@ -51,5 +51,5 @@ test('base view +@mobile +@dark-mode', async({ mount, page }) => {
     </TestApp>,
   );
 
-  await expect(component).toHaveScreenshot();
+  await expect(component.locator('main')).toHaveScreenshot();
 });

ui/pages/Token.pw.tsx

@@ -46,5 +46,5 @@ test('base view +@dark-mode', async({ mount, page }) => {
     { hooksConfig },
   );
 
-  await expect(component).toHaveScreenshot();
+  await expect(component.locator('main')).toHaveScreenshot();
 });