Merge pull request #146 from issa-me-sush/development

vanry fee display + moved token symbol mapping to utils

Author: lazycoder1

src/components/common/utils.tsx

@@ -2,6 +2,10 @@ import moment from 'moment';
 import { NETWORK_ICON_MAP } from './constants';
 import { fee } from './table/Table';
 
+interface NetworkTokenMapping {
+    [key: string]: string;
+  }
+
 export const getTimePassed = (timestamp: number): string => {
     let timePassedInEpoch = new Date().getTime() - timestamp * 1000;
     let timePassedMoment = moment.duration(timePassedInEpoch);
@@ -29,6 +33,7 @@ export function getSymbol(network: string): string {
     else if (network == 'fantom') return 'FTM';
     else if (network == 'fantom-testnet') return 'FTM';
     else if (network == 'degen') return 'DEGEN';
+    else if (network == 'vanar-mainnet' || network == 'vanar-testnet' ) return 'VANRY';
     else return 'ETH';
 }
 
@@ -137,3 +142,36 @@ export const fetchRetry = async (url: string, options: any, n = 3): Promise<any>
         return await fetchRetry(url, options, n - 1);
     }
 };
+
+
+
+
+
+const networkTokenMapping = {
+    'mainnet': 'ETH',
+    'mumbai': 'MATIC',
+    'optimism-goerli': 'ETH',
+    'matic': 'MATIC',
+    'fuse': 'FUSE',
+    'bsc': 'BNB',
+    'bnb-testnet': 'BNB',
+    'avalanche': 'AVAX',
+    'avalanche-fuji': 'AVAX',
+    'fuji': 'AVAX',
+    'fantom': 'FTM',
+    'fantom-testnet': 'FTM',
+    'vanar-testnet': 'VANRY',
+    'vanar-mainnet': 'VANRY',
+  } as const;
+  
+
+  type Network = keyof typeof networkTokenMapping;
+  
+
+  type TokenSymbol = typeof networkTokenMapping[Network];
+  
+  
+  export const getTokenSymbolByNetwork = (network: string): TokenSymbol => {
+    return networkTokenMapping[network as Network] || 'ETH';
+  };
+  

src/views/bundle/TransactionDetails.tsx

@@ -11,7 +11,7 @@ import { useRouter } from 'next/router';
 import { formatUnits } from 'ethers/lib/utils';
 import React, { useEffect, useState } from 'react';
 import Skeleton from 'react-loading-skeleton-2';
-
+import { getTokenSymbolByNetwork } from '@/components/common/utils';
 type TokenPrices = {
     ETH: number;
     MATIC: number;
@@ -20,6 +20,7 @@ type TokenPrices = {
     AVAX: number;
     FTM: number;
     OP?: number;
+    VANRY: number;
 };
 
 export default function TransactionDetails({ item, network, tableLoading, block }: any) {
@@ -30,6 +31,7 @@ export default function TransactionDetails({ item, network, tableLoading, block
         BNB: 0,
         AVAX: 0,
         FTM: 0,
+        VANRY:0
 
     });
 
@@ -256,17 +258,7 @@ export default function TransactionDetails({ item, network, tableLoading, block
                                                         <div className="px-2 mt-2 bg-gray-200 rounded-lg">
                                                         <span className="text-sm">
                                                             {(
-                                                                tokenPrices[item?.network === 'mainnet' ? 'ETH' :
-                                                                    item?.network === 'mumbai' ? 'MATIC' :
-                                                                        item?.network === 'optimism-goerli' ? 'ETH' :
-                                                                            item?.network === 'matic' ? 'MATIC' :
-                                                                                item?.network === 'fuse' ? 'FUSE' :
-                                                                                    item?.network === 'bsc' ? 'BNB' :
-                                                                                        item?.network === 'bnb-testnet' ? 'BNB' :
-                                                                                            item?.network === 'avalanche' ? 'AVAX' :
-                                                                                                item?.network === 'avalanche-fuji' || 'fuji' ? 'AVAX' :
-                                                                                                    item?.network === 'fantom' ? 'FTM' :
-                                                                                                        item?.network === 'fantom-testnet' ? 'FTM' : 'ETH'] *
+                                                              tokenPrices[getTokenSymbolByNetwork(item?.network)] *
                                                                 parseFloat(formatUnits(item?.actualGasCost || '0', 'ether'))
                                                             ).toFixed(3)} USD
                                                         </span>