From 045c09bed91170920b33eaecfef9a6a49a4ec4ad Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Thu, 29 Feb 2024 11:26:07 +0000
Subject: fix: Fix phantom links in tag pills

---
 .../app/dashboard/bookmarks/components/TagList.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

(limited to 'packages/web')

diff --git a/packages/web/app/dashboard/bookmarks/components/TagList.tsx b/packages/web/app/dashboard/bookmarks/components/TagList.tsx
index 19c26c97..60cbf04f 100644
--- a/packages/web/app/dashboard/bookmarks/components/TagList.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/TagList.tsx
@@ -1,7 +1,8 @@
-import { Badge } from "@/components/ui/badge";
+import { badgeVariants } from "@/components/ui/badge";
 import Link from "next/link";
 import { Skeleton } from "@/components/ui/skeleton";
 import { ZBookmark } from "@/lib/types/api/bookmarks";
+import { cn } from "@/lib/utils";
 
 export default function TagList({
   bookmark,
@@ -22,18 +23,17 @@ export default function TagList({
   return (
     <>
       {bookmark.tags.map((t) => (
-        <Link
-          className="flex h-full flex-col justify-end"
-          key={t.id}
-          href={`/dashboard/tags/${t.name}`}
-        >
-          <Badge
-            variant="outline"
-            className="text-nowrap hover:bg-foreground hover:text-secondary"
+        <div key={t.id} className="flex h-full flex-col justify-end">
+          <Link
+            className={cn(
+              badgeVariants({ variant: "outline" }),
+              "hover:bg-foreground hover:text-secondary text-nowrap",
+            )}
+            href={`/dashboard/tags/${t.name}`}
           >
             {t.name}
-          </Badge>
-        </Link>
+          </Link>
+        </div>
       ))}
     </>
   );
-- 
cgit v1.2.3-70-g09d2