hide token price change if no data is available (#3658)

coral-xyz · Apr 10, 2023 · a87a7d9 · a87a7d9 · vercel · Apr 10, 2023
1 parent 66d82fe
commit a87a7d9
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/app-extension/src/components/Unlocked/Balances/TokensWidget/Token.tsx b/packages/app-extension/src/components/Unlocked/Balances/TokensWidget/Token.tsx
@@ -128,11 +128,13 @@ function TokenHeader({
           amount={token.nativeBalance}
           displayLogo={false}
         />
-        <Typography className={classes.usdBalanceLabel}>
-          ${parseFloat(token.usdBalance.toFixed(2)).toLocaleString()}
-          &nbsp;&nbsp;&nbsp;
-          <span className={percentClass}>{token.recentPercentChange}%</span>
-        </Typography>
+        {token.priceData ? (
+          <Typography className={classes.usdBalanceLabel}>
+            ${parseFloat(token.usdBalance.toFixed(2)).toLocaleString()}
+            &nbsp;&nbsp;&nbsp;
+            <span className={percentClass}>{token.recentPercentChange}%</span>
+          </Typography>
+        ) : null}
       </div>
       <div className={classes.tokenHeaderButtonContainer}>
         <TransferWidget