added total orders on teaser (#1570)

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 (
     <article className={`${styles.teaser} ${styles[type]}`}>
       <Link href={`/asset/${asset.id}`}>
@@ -42,6 +44,7 @@ export default function AssetTeaser({
             type={type}
             accessType={accessType}
             className={styles.typeDetails}
+            totalSales={orders}
           />
 
           <div className={styles.content}>

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({
       <div className={styles.typeLabel}>
         {type === 'dataset' ? 'data set' : 'algorithm'}
       </div>
+
+      <div className={styles.typeLabel}>
+        {totalSales + ' ' + (totalSales === 1 ? 'sale' : 'sales')}
+      </div>
     </div>
   )
 }