fix(tangle-dapp): Fix total error chip not showing

tangle-network · Aug 26, 2024 · b8e3936 · b8e3936
1 parent b2bbb5e
commit b8e3936
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/TotalDetailItem.tsx b/apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/TotalDetailItem.tsx
@@ -2,6 +2,7 @@ import { BN } from '@polkadot/util';
 import { FC, useMemo } from 'react';
 
 import { EMPTY_VALUE_PLACEHOLDER } from '../../../constants';
+import { LST_PREFIX } from '../../../constants/liquidStaking/constants';
 import { LsProtocolId } from '../../../constants/liquidStaking/types';
 import useLsExchangeRate, {
   ExchangeRateType,
@@ -65,9 +66,11 @@ const TotalDetailItem: FC<TotalDetailItemProps> = ({
     return formatBn(totalAmount, protocol.decimals);
   }, [inputAmount, totalAmount, protocol.decimals]);
 
+  const token = isMinting ? `${LST_PREFIX}${protocol.token}` : protocol.token;
+
   const value =
-    formattedTotalAmount instanceof BN
-      ? `${formattedTotalAmount} ${protocol.token}`
+    typeof formattedTotalAmount === 'string'
+      ? `${formattedTotalAmount} ${token}`
       : formattedTotalAmount;
 
   return (

diff --git a/apps/tangle-dapp/hooks/useInputAmount.ts b/apps/tangle-dapp/hooks/useInputAmount.ts
@@ -94,6 +94,7 @@ const useInputAmount = ({
         return;
       }
 
+      // TODO: Format the new amount string to include commas. Use `INPUT_AMOUNT_FORMAT`.
       setDisplayAmount(cleanAmountString);
 
       const amountOrError = safeParseInputAmount({