ui(web): Show bookmark URL when maximizing a bookmark

1 files changed, 9 insertions, 17 deletions

diff --git a/apps/web/components/dashboard/bookmarks/BookmarkActionBar.tsx b/apps/web/components/dashboard/bookmarks/BookmarkActionBar.tsx
index d4e8dfca..6cc8e44e 100644
--- a/apps/web/components/dashboard/bookmarks/BookmarkActionBar.tsx
+++ b/apps/web/components/dashboard/bookmarks/BookmarkActionBar.tsx
@@ -1,6 +1,6 @@
-import BookmarkPreview from "@/components/dashboard/preview/BookmarkPreview";
-import { Button } from "@/components/ui/button";
-import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
+import Link from "next/link";
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 import { Maximize2 } from "lucide-react";
 
 import type { ZBookmark } from "@hoarder/shared/types/bookmarks";
@@ -18,20 +18,12 @@ export default function BookmarkActionBar({
       {bookmark.favourited && (
         <FavouritedActionIcon className="m-1 size-8 rounded p-1" favourited />
       )}
-      <Dialog>
-        <DialogTrigger asChild>
-          <Button variant="ghost" className="my-auto block px-2">
-            <Maximize2 size="20" />
-          </Button>
-        </DialogTrigger>
-        <DialogContent
-          className="h-[90%] max-w-[90%] overflow-hidden p-0"
-          hideCloseBtn={true}
-          onOpenAutoFocus={(e) => e.preventDefault()}
-        >
-          <BookmarkPreview initialData={bookmark} />
-        </DialogContent>
-      </Dialog>
+      <Link
+        href={`/dashboard/preview/${bookmark.id}`}
+        className={cn(buttonVariants({ variant: "ghost" }), "px-2")}
+      >
+        <Maximize2 size="20" />
+      </Link>
       <BookmarkOptions bookmark={bookmark} />
     </div>
   );