From cdc05f85a6dc676e8af1227a56f65d6452488d82 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 7 Feb 2024 22:12:18 +0000
Subject: [feature] Render tags in the link card

---
 web/app/bookmarks/components/LinkCard.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'web/app/bookmarks/components/LinkCard.tsx')

diff --git a/web/app/bookmarks/components/LinkCard.tsx b/web/app/bookmarks/components/LinkCard.tsx
index 907acd19..da59d9da 100644
--- a/web/app/bookmarks/components/LinkCard.tsx
+++ b/web/app/bookmarks/components/LinkCard.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -73,7 +74,13 @@ export default function LinkCard({ link }: { link: ZBookmarkedLink }) {
           {link.details?.title ?? parsedUrl.host}
         </Link>
       </ImageCardTitle>
-      <ImageCardBody />
+      <ImageCardBody className="py-2 overflow-clip">
+        {link.tags.map((t) => (
+          <Badge variant="default" className="bg-gray-300 text-gray-500" key={t.id}>
+            #{t.name}
+          </Badge>
+        ))}
+      </ImageCardBody>
       <ImageCardFooter>
         <div className="flex justify-between text-gray-500">
           <div className="my-auto">
-- 
cgit v1.2.3-70-g09d2

