only display TradePrice usdcPrice if available (#2613)

0b8afcff · Justin Domingue · GitHub · e4b727f6 · 0b8afcff
Commit 0b8afcff authored Oct 14, 2021 by Justin Domingue Committed by GitHub Oct 14, 2021
Show whitespace changes
Inline Side-by-side

Showing with 5 additions and 3 deletions

TradePrice.tsx src/components/swap/TradePrice.tsx +5 -3

No files found.
--- 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>{' '}
+      {usdcPrice && (
        <TYPE.darkGray>
-        <Trans>(${usdcPrice?.toSignificant(6, { groupSeparator: ',' })})</Trans>
+          <Trans>(${usdcPrice.toSignificant(6, { groupSeparator: ',' })})</Trans>
        </TYPE.darkGray>
+      )}
    </StyledPriceContainer>
  )
 }