diff --git a/components/portfolio/OffersTable.tsx b/components/portfolio/OffersTable.tsx index 892da8c70..37f612bcc 100644 --- a/components/portfolio/OffersTable.tsx +++ b/components/portfolio/OffersTable.tsx @@ -194,12 +194,33 @@ const OfferTableRow: FC = ({ offer, isOwner, mutate }) => { - + + Net Amount + + + } + > + + + + @@ -313,12 +334,33 @@ const OfferTableRow: FC = ({ offer, isOwner, mutate }) => { - + + Net Amount + + + } + > + + + + {expiration} diff --git a/components/token/OffersTable.tsx b/components/token/OffersTable.tsx index a35a60c7c..b4f0051ee 100644 --- a/components/token/OffersTable.tsx +++ b/components/token/OffersTable.tsx @@ -178,12 +178,32 @@ const OfferTableRow: FC = ({ css={{ height: '100%', gap: '$1' }} > - + + Net Amount + + + } + > + + + + {offer.price?.amount?.usd ? ( {formatDollar(offer.price?.amount?.usd)} diff --git a/components/token/PriceData.tsx b/components/token/PriceData.tsx index fcf3a6613..f332c2361 100644 --- a/components/token/PriceData.tsx +++ b/components/token/PriceData.tsx @@ -1,5 +1,10 @@ import { useTokens } from '@reservoir0x/reservoir-kit-ui' -import { Flex, FormatCryptoCurrency, Text } from 'components/primitives' +import { + Flex, + FormatCryptoCurrency, + Text, + Tooltip, +} from 'components/primitives' import { useMarketplaceChain } from 'hooks' import { FC } from 'react' import { formatDollar } from 'utils/numbers' @@ -98,14 +103,37 @@ export const PriceData: FC = ({ token }) => { '@bp400': { flexDirection: 'row', gap: '$2' }, }} > - + + Net Amount + + + } + > + + + + + {token?.market?.topBid?.price?.amount?.usd ? ( {formatDollar(token?.market?.topBid?.price?.amount?.usd)}