feat: add token symbol

blockchain · Apr 29, 2022 · 03a4c1c · 03a4c1c
1 parent daff612
commit 03a4c1c
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/...v4-frontend/src/scenes/Nfts/Offers/OffersTableColumns/OffersTableColumns.price.column.tsx b/...v4-frontend/src/scenes/Nfts/Offers/OffersTableColumns/OffersTableColumns.price.column.tsx
@@ -2,20 +2,25 @@ import React from 'react'
 import { FormattedMessage } from 'react-intl'
 
 import CoinDisplay from 'components/Display/CoinDisplay'
+import { Flex } from 'components/Flex'
 import { CellHeaderText, CellText } from 'components/Table'
+import { CoinIcon } from 'layouts/Wallet/components'
 
 export const getPriceColumn = () => ({
   Cell: ({ row: { original: offer } }) => {
     return (
       <CellText>
-        <CoinDisplay
-          coin={offer.payment_token_contract.symbol}
-          weight={600}
-          size='14px'
-          color='grey900'
-        >
-          {offer.base_price}
-        </CoinDisplay>
+        <Flex gap={6} alignItems='center'>
+          <CoinIcon name={offer.payment_token_contract.symbol} />
+          <CoinDisplay
+            coin={offer.payment_token_contract.symbol}
+            weight={600}
+            size='14px'
+            color='grey900'
+          >
+            {offer.base_price}
+          </CoinDisplay>
+        </Flex>
       </CellText>
     )
   },