chore: decimal has a max value of 19, so should be a number (#79)

Author: neilcampbell

src/features/assets/components/asset-details.tsx

@@ -73,11 +73,11 @@ export function AssetDetails({ asset }: Props) {
         : undefined,
       {
         dt: assetTotalSupplyLabel,
-        dd: `${new Decimal(asset.total.toString()).div(new Decimal(10).pow(asset.decimals.toString()))} ${asset.unitName ?? ''}`,
+        dd: `${new Decimal(asset.total.toString()).div(new Decimal(10).pow(asset.decimals))} ${asset.unitName ?? ''}`,
       },
       {
         dt: assetDecimalsLabel,
-        dd: asset.decimals.toString(),
+        dd: asset.decimals,
       },
       {
         dt: assetDefaultFrozenLabel,

src/features/assets/mappers/asset-summary.ts

@@ -5,7 +5,7 @@ export const asAssetSummary = (assetResult: AssetResult): AssetSummary => {
   return {
     id: assetResult.index,
     name: assetResult.params.name,
-    decimals: assetResult.params.decimals,
+    decimals: Number(assetResult.params.decimals),
     unitName: assetResult.params['unit-name'],
     clawback: assetResult.params.clawback,
   }

src/features/assets/models/index.ts

@@ -1,7 +1,7 @@
 export type AssetSummary = {
   id: number
   name?: string
-  decimals: number | bigint
+  decimals: number
   unitName?: string
   clawback?: string
 }

src/features/common/components/display-asset-amount.tsx

@@ -15,7 +15,7 @@ type Props = {
 const Amount = ({ asset, amount, isFrozen }: { asset: AssetSummary; amount: number | bigint; isFrozen?: boolean }) => {
   // asset decimals value must be from 0 to 19 so it is safe to use .toString() here
   // the amount is uint64, should be safe to be .toString()
-  const amountToDisplay = new Decimal(amount.toString()).div(new Decimal(10).pow(asset.decimals.toString())).toString()
+  const amountToDisplay = new Decimal(amount.toString()).div(new Decimal(10).pow(asset.decimals)).toString()
 
   return (
     <>