From f8bbda0594ce839c7a4339b71053a1f1b8a7a52e Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 6 Jul 2022 13:59:38 +0100
Subject: [PATCH] conditionally output totalSales (#1578)

---
 .../@shared/AssetTeaser/AssetTeaser.tsx          |  4 ++--
 src/components/@shared/AssetType/index.tsx       | 16 ++++++----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/@shared/AssetTeaser/AssetTeaser.tsx b/src/components/@shared/AssetTeaser/AssetTeaser.tsx
index 122a1d681..c62ba43c1 100644
--- a/src/components/@shared/AssetTeaser/AssetTeaser.tsx
+++ b/src/components/@shared/AssetTeaser/AssetTeaser.tsx
@@ -32,8 +32,8 @@ export default function AssetTeaser({
         <a className={styles.link}>
           <header className={styles.header}>
             <div className={styles.symbol}>{datatokens[0]?.symbol}</div>
-            <Dotdotdot clamp={3}>
-              <h1 className={styles.title}>{name}</h1>
+            <Dotdotdot tagName="h1" clamp={3} className={styles.title}>
+              {name}
             </Dotdotdot>
             {!noPublisher && (
               <Publisher account={owner} minimal className={styles.publisher} />
diff --git a/src/components/@shared/AssetType/index.tsx b/src/components/@shared/AssetType/index.tsx
index dfbc53dbf..32e7c7489 100644
--- a/src/components/@shared/AssetType/index.tsx
+++ b/src/components/@shared/AssetType/index.tsx
@@ -1,12 +1,9 @@
 import React, { ReactElement } from 'react'
 import styles from './index.module.css'
-import classNames from 'classnames/bind'
 import Compute from '@images/compute.svg'
 import Download from '@images/download.svg'
 import Lock from '@images/lock.svg'
 
-const cx = classNames.bind(styles)
-
 export default function AssetType({
   type,
   accessType,
@@ -18,11 +15,8 @@ export default function AssetType({
   className?: string
   totalSales?: number
 }): ReactElement {
-  const styleClasses = cx({
-    [className]: className
-  })
   return (
-    <div className={styleClasses}>
+    <div className={className || null}>
       {accessType === 'access' ? (
         <Download role="img" aria-label="Download" className={styles.icon} />
       ) : accessType === 'compute' && type === 'algorithm' ? (
@@ -35,9 +29,11 @@ export default function AssetType({
         {type === 'dataset' ? 'data set' : 'algorithm'}
       </div>
 
-      <div className={styles.typeLabel}>
-        {totalSales + ' ' + (totalSales === 1 ? 'sale' : 'sales')}
-      </div>
+      {totalSales ? (
+        <div className={styles.typeLabel}>
+          {`${totalSales} ${totalSales === 1 ? 'sale' : 'sales'}`}
+        </div>
+      ) : null}
     </div>
   )
 }