diff --git a/src/components/@shared/AssetTeaser/AssetTeaser.tsx b/src/components/@shared/AssetTeaser/AssetTeaser.tsx index b699d1e40..122a1d681 100644 --- a/src/components/@shared/AssetTeaser/AssetTeaser.tsx +++ b/src/components/@shared/AssetTeaser/AssetTeaser.tsx @@ -24,6 +24,8 @@ export default function AssetTeaser({ const isCompute = Boolean(getServiceByName(asset, 'compute')) const accessType = isCompute ? 'compute' : 'access' const { owner } = asset.nft + const { orders } = asset.stats + return (
@@ -42,6 +44,7 @@ export default function AssetTeaser({ type={type} accessType={accessType} className={styles.typeDetails} + totalSales={orders} />
diff --git a/src/components/@shared/AssetType/index.tsx b/src/components/@shared/AssetType/index.tsx index b7a356620..dfbc53dbf 100644 --- a/src/components/@shared/AssetType/index.tsx +++ b/src/components/@shared/AssetType/index.tsx @@ -10,11 +10,13 @@ const cx = classNames.bind(styles) export default function AssetType({ type, accessType, - className + className, + totalSales }: { type: string accessType: string className?: string + totalSales?: number }): ReactElement { const styleClasses = cx({ [className]: className @@ -32,6 +34,10 @@ export default function AssetType({
{type === 'dataset' ? 'data set' : 'algorithm'}
+ +
+ {totalSales + ' ' + (totalSales === 1 ? 'sale' : 'sales')} +
) }