fix: tag styling

only show div if got tags
opengovsg · Dec 3, 2024 · 884866f · 884866f
1 parent 25815eb
commit 884866f
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/components/src/templates/next/components/internal/CollectionCard/CollectionCard.tsx b/packages/components/src/templates/next/components/internal/CollectionCard/CollectionCard.tsx
@@ -49,11 +49,13 @@ export const CollectionCard = ({
             <span title={itemTitle}>{itemTitle}</span>
           </Link>
         </h3>
-        <div className="flex gap-1.5">
-          {tags.map(({ label }) => (
-            <Tag>{label}</Tag>
-          ))}
-        </div>
+        {tags && (
+          <div className="flex gap-1.5">
+            {tags.map(({ label }) => (
+              <Tag>{label}</Tag>
+            ))}
+          </div>
+        )}
         {description && (
           <Text className="prose-body-base line-clamp-3" title={description}>
             {description}