fix all ethers versioning issues

Author: urnotsam

src/frontend/account/AccountDetail/useAccountDetailHook.ts

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from 'react'
 import { api, PATHS } from '../../api'
 import { Account, AccountType, ContractType, Token, Transaction, TransactionSearchType } from '../../../types'
-import { BigNumberish, utils } from 'ethers'
+import { BigNumberish, formatUnits } from 'ethers'
 
 interface detailProps {
   id: string
@@ -88,7 +88,7 @@ export const useAccountDetailHook = ({ id, txType }: detailProps): AccountDetail
               (item: { contractType: ContractType; contractInfo: { decimals: string } | null; balance: BigNumberish }) => {
                 if (item.contractType === ContractType.ERC_20) {
                   const decimalsValue = item.contractInfo?.decimals ? parseInt(item.contractInfo.decimals) : 18
-                  item.balance = utils.formatUnits(item.balance, decimalsValue)
+                  item.balance = formatUnits(item.balance, decimalsValue)
                 }
               }
             )

src/frontend/token/Token.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { useRouter } from 'next/router'
-import { utils } from 'ethers'
+import { formatUnits } from 'ethers'
 
 import { AnchorLink, Button, ContentLayout, CopyButton, Spacer, Tab, Table, Pagination } from '../components'
 import { DetailCard } from '../account/DetailCard'
@@ -59,8 +59,7 @@ export const Token: React.FC = () => {
           {val
             ? transactionType === TransactionSearchType.ERC_721
               ? val
-              : utils
-                  .formatUnits(
+              : formatUnits(
                     val as number,
                     account?.contractInfo?.decimals ? parseInt(account?.contractInfo?.decimals) : 18
                   )
@@ -157,8 +156,7 @@ export const Token: React.FC = () => {
                   {
                     key: 'Max Total Supply :',
                     value: account?.contractInfo?.totalSupply
-                      ? utils
-                          .formatUnits(
+                      ? formatUnits(
                             account?.contractInfo?.totalSupply,
                             account?.contractInfo?.decimals ? parseInt(account?.contractInfo?.decimals) : 18
                           )
@@ -178,8 +176,7 @@ export const Token: React.FC = () => {
                     {
                       key: 'Max Total Supply :',
                       value: account?.contractInfo?.totalSupply
-                        ? utils
-                            .formatUnits(
+                        ? formatUnits(
                               account?.contractInfo?.totalSupply,
                               account?.contractInfo?.decimals ? parseInt(account?.contractInfo?.decimals) : 18
                             )
@@ -220,8 +217,7 @@ export const Token: React.FC = () => {
                 {tokenBalance
                   ? transactionType === TransactionSearchType.ERC_721
                     ? tokenBalance
-                    : utils
-                        .formatUnits(
+                    : formatUnits(
                           tokenBalance,
                           account?.contractInfo?.decimals ? parseInt(account?.contractInfo?.decimals) : 18
                         )

src/frontend/utils/calculateValue.ts

@@ -1,5 +1,5 @@
 import web3 from 'web3'
-import { utils } from 'ethers'
+import { formatUnits } from 'ethers'
 import { TokenTx, TokenType, TransactionType } from '../../types'
 import BN from 'bn.js'
 import { fromWeiNoTrailingComma } from './fromWeiNoTrailingComma'
@@ -28,13 +28,13 @@ export const calculateTokenValue = (
 ): string => {
   try {
     if (txType === TokenType.ERC_20 || txType === TokenType.EVM_Internal) {
-      const decimalsValue = tokenTx.contractInfo.decimals ? parseInt(tokenTx.contractInfo.decimals) : 18
+      const decimalsValue = tokenTx.contractInfo?.decimals ? parseInt(tokenTx.contractInfo.decimals) : 18
 
       return tokenTx.tokenValue === '0xffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff'
         ? 'unlimited'
         : fullValue
-        ? utils.formatUnits(tokenTx.tokenValue, decimalsValue)
-        : roundTokenValue(utils.formatUnits(tokenTx.tokenValue, decimalsValue))
+        ? formatUnits(tokenTx.tokenValue, decimalsValue)
+        : roundTokenValue(formatUnits(tokenTx.tokenValue, decimalsValue))
 
       // : round(web3.utils.fromWei(tokenTx.tokenValue, "ether"));
     } else if (txType === TokenType.ERC_721) {