Merge pull request #3161 from CrocSwap/fix-ellipsis-bug-for-usd-value

fix ellipsis bug for usd token input value
CrocSwap · Oct 27, 2023 · 00725cc · 00725cc
2 parents 01ef4b6 + 2e6f55d
commit 00725cc
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/src/components/Form/TokenInputWithWalletBalance.tsx b/src/components/Form/TokenInputWithWalletBalance.tsx
@@ -74,15 +74,20 @@ function TokenInputWithWalletBalance(props: propsIF) {
         Promise.resolve(cachedFetchTokenPrice(pricedToken, chainId)).then(
             (price) => {
                 if (price?.usdPrice !== undefined) {
-                    const usdValueNum: number =
-                        (price &&
-                            price?.usdPrice * (parseFloat(tokenInput) ?? 0)) ??
-                        0;
-                    const usdValueTruncated = getFormattedNumber({
-                        value: usdValueNum,
-                        isUSD: true,
-                    });
-                    setUsdValueForDom(usdValueTruncated);
+                    const usdValueNum: number | undefined =
+                        price !== undefined && tokenInput !== ''
+                            ? price.usdPrice * parseFloat(tokenInput)
+                            : undefined;
+                    const usdValueTruncated =
+                        usdValueNum !== undefined
+                            ? getFormattedNumber({
+                                  value: usdValueNum,
+                                  isUSD: true,
+                              })
+                            : undefined;
+                    usdValueTruncated !== undefined
+                        ? setUsdValueForDom(usdValueTruncated)
+                        : setUsdValueForDom('');
                 } else {
                     setUsdValueForDom(undefined);
                 }