Merge pull request #917 from oasisprotocol/lw/fix-supply-detail

Show precise Total Supply in token search result / vertical table
oasisprotocol · Oct 3, 2023 · 4926946 · 4926946
2 parents e037445 + 598c92a
commit 4926946
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/.changelog/917.bugfix.md b/.changelog/917.bugfix.md
@@ -0,0 +1 @@
+Show precise Total Supply in token search result / vertical table
diff --git a/src/app/components/RoundedBalance/index.tsx b/src/app/components/RoundedBalance/index.tsx
@@ -65,7 +65,7 @@ export const RoundedBalance: FC<RoundedBalanceProps> = ({
             },
           })}
           &nbsp;
-          {ticker}
+          {tickerName}
         </span>
       </Tooltip>
     )

diff --git a/src/app/components/Tokens/TokenDetails.tsx b/src/app/components/Tokens/TokenDetails.tsx
@@ -12,6 +12,7 @@ import { VerificationIcon } from '../ContractVerificationIcon'
 import Box from '@mui/material/Box'
 import { COLORS } from '../../../styles/theme/colors'
 import { TokenTypeTag } from './TokenList'
+import { getPreciseNumberFormat } from '../../../locales/getPreciseNumberFormat'
 
 export const TokenDetails: FC<{
   isLoading?: boolean
@@ -64,7 +65,10 @@ export const TokenDetails: FC<{
       <dt>{t('tokens.totalSupply')}</dt>
       <dd>
         {token.total_supply
-          ? t('tokens.totalSupplyValue', { value: token.total_supply })
+          ? t('tokens.totalSupplyValue', {
+              ...getPreciseNumberFormat(token.total_supply),
+              ticker: token.symbol,
+            })
           : t('common.missing')}
       </dd>
     </StyledDescriptionList>

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -218,7 +218,7 @@
     "holdersCount": "Holders Count",
     "holdersCount_short": "Holders",
     "totalSupply": "Total Supply",
-    "totalSupplyValue": "{{ value, number }}",
+    "totalSupplyValue": "{{ value, number }} {{ticker}}",
     "transfers": "Token Transfers",
     "transferEventType": {
       "transfer": "Transfer",
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		Show precise Total Supply in token search result / vertical table
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,7 +65,7 @@ export const RoundedBalance: FC<RoundedBalanceProps> = ({ @@
                 },
               })}
               &nbsp;
-              {ticker}
+              {tickerName}
             </span>
           </Tooltip>
         )
@@ Expand Down @@