update deposits and withdrawals to display correct erc20 symbol (#20)

mobilecoinofficial · Mar 14, 2023 · 81e7798 · 81e7798
1 parent 74a9661
commit 81e7798
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/frontend/src/components/Deposit.tsx b/frontend/src/components/Deposit.tsx
@@ -2,6 +2,7 @@ import { Box, Link, Tooltip, Typography } from '@mui/material'
 import React, { FC, useContext } from 'react'
 import { GnosisSafeContext } from '../contexts'
 import { TDeposit } from '../types'
+import { getSymbolFromContactAddress } from '../utils/ercTokens'
 
 const precision = 10 ** 6
 const locale = 'en-US'
@@ -41,7 +42,7 @@ export const Deposit: FC<TProps> = ({ deposit }: TProps) => {
       <Box>
         amount:{' '}
         {(deposit.amount / precision).toLocaleString(locale, localeOptions)}{' '}
-        {gnosisSafeConfig.tokens[0].name}
+        {getSymbolFromContactAddress(deposit.tokenAddr)}
       </Box>
       <Box sx={noWrapStyle}>
         tx hash:{' '}

diff --git a/frontend/src/components/Withdrawal.tsx b/frontend/src/components/Withdrawal.tsx
@@ -2,6 +2,7 @@ import { Box, Link, Tooltip, Typography } from '@mui/material'
 import React, { FC, useContext } from 'react'
 import { GnosisSafeContext } from '../contexts'
 import { TWithdrawal } from '../types'
+import { getSymbolFromContactAddress } from '../utils/ercTokens'
 
 type TProps = {
   withdrawal: TWithdrawal
@@ -42,7 +43,7 @@ export const Withdrawal: FC<TProps> = ({ withdrawal }: TProps) => {
       <Box>
         amount:{' '}
         {(withdrawal.amount / precision).toLocaleString(locale, localeOptions)}{' '}
-        {gnosisSafeConfig.tokens[0].name}
+        {getSymbolFromContactAddress(withdrawal.tokenAddr)}
       </Box>
       <Box sx={noWrapStyle}>
         tx hash:{' '}

diff --git a/frontend/src/utils/ercTokens.tsx b/frontend/src/utils/ercTokens.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import { Tooltip } from '@mui/material'
+
+export const ERC_SYMBOLS = {
+  '0x196f4727526eA7FB1e17b2071B3d8eAA38486988': 'RSV',
+  '0xA0d69E286B938e21CBf7E51D71F6A4c8918f482F': 'eUSD',
+  '0xeC76FbFD75481839e456C4cb2cd23cda813f19B1':
+    'geUSD' /* goerli testnet token */,
+}
+
+export function getSymbolFromContactAddress(contactAddress: string) {
+  return (
+    ERC_SYMBOLS[contactAddress as keyof typeof ERC_SYMBOLS] ?? (
+      <Tooltip title="Unknown ERC token">
+        <span>?</span>
+      </Tooltip>
+    )
+  )
+}
diff --git a/mainnet.gnosis-safe.json b/mainnet.gnosis-safe.json
@@ -11,7 +11,7 @@
                     "0xA0d69E286B938e21CBf7E51D71F6A4c8918f482F"
                 ],
                 "name": "eUSD",
-                "symbol": "Token",
+                "symbol": "Electronic Dollar",
                 "decimals": 18,
                 "logo_uri": "",
                 "aux_burn_contract_addr": "0x76BD419fBa96583d968b422D4f3CB2A70bf4CF40",