only display TradePrice usdcPrice if available (#2613)

2021-10-14 10:15:17 -04:00 · 2021-10-14 10:15:17 -04:00 · 0b8afcff41
commit 0b8afcff41
parent e4b727f6f0
1 changed files with 5 additions and 3 deletions
--- a/src/components/swap/TradePrice.tsx
+++ b/src/components/swap/TradePrice.tsx
@ -48,9 +48,11 @@ export default function TradePrice({ price, showInverted, setShowInverted }: Tra
      <Text fontWeight={500} fontSize={14} color={theme.text1}>
        {text}
      </Text>{' '}
-      <TYPE.darkGray>
-        <Trans>(${usdcPrice?.toSignificant(6, { groupSeparator: ',' })})</Trans>
-      </TYPE.darkGray>
+      {usdcPrice && (
+        <TYPE.darkGray>
+          <Trans>(${usdcPrice.toSignificant(6, { groupSeparator: ',' })})</Trans>
+        </TYPE.darkGray>
+      )}
    </StyledPriceContainer>
  )
 }