From b8b0a444139358bdf7707034e3a7437babc69db8 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Tue, 5 Mar 2024 02:26:10 +0000
Subject: feature: Preview page for the stored content of links

---
 packages/web/app/dashboard/bookmarks/components/LinkCard.tsx | 10 ++++++++--
 packages/web/app/dashboard/bookmarks/components/TextCard.tsx | 10 +++++-----
 2 files changed, 13 insertions(+), 7 deletions(-)

(limited to 'packages/web/app/dashboard/bookmarks')

diff --git a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
index 6d8e0bdc..5af11aa3 100644
--- a/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/LinkCard.tsx
@@ -12,7 +12,7 @@ import { ZBookmark } from "@/lib/types/api/bookmarks";
 import Link from "next/link";
 import BookmarkOptions from "./BookmarkOptions";
 import { api } from "@/lib/trpc";
-import { Star } from "lucide-react";
+import { Maximize2, Star } from "lucide-react";
 import TagList from "./TagList";
 
 function isStillCrawling(bookmark: ZBookmark) {
@@ -91,7 +91,7 @@ export default function LinkCard({
           <TagList bookmark={bookmark} loading={isStillTagging(bookmark)} />
         </ImageCardBody>
         <ImageCardFooter>
-          <div className="flex justify-between text-gray-500">
+          <div className="mt-1 flex justify-between text-gray-500">
             <div className="my-auto">
               <Link
                 className="line-clamp-1 hover:text-black"
@@ -109,6 +109,12 @@ export default function LinkCard({
                   fill="#ebb434"
                 />
               )}
+              <Link
+                className="my-auto block px-2"
+                href={`/dashboard/preview/${bookmark.id}`}
+              >
+                <Maximize2 size="20" />
+              </Link>
               <BookmarkOptions bookmark={bookmark} />
             </div>
           </div>
diff --git a/packages/web/app/dashboard/bookmarks/components/TextCard.tsx b/packages/web/app/dashboard/bookmarks/components/TextCard.tsx
index 8170a304..029800ac 100644
--- a/packages/web/app/dashboard/bookmarks/components/TextCard.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/TextCard.tsx
@@ -10,6 +10,7 @@ import Markdown from "react-markdown";
 import { useState } from "react";
 import { BookmarkedTextViewer } from "./BookmarkedTextViewer";
 import { Button } from "@/components/ui/button";
+import Link from "next/link";
 
 function isStillTagging(bookmark: ZBookmark) {
   return (
@@ -82,13 +83,12 @@ export default function TextCard({
                 />
               )}
             </div>
-            <Button
-              className="px-2"
-              variant="ghost"
-              onClick={() => setPreviewModalOpen(true)}
+            <Link
+              className="my-auto block px-2"
+              href={`/dashboard/preview/${bookmark.id}`}
             >
               <Maximize2 size="20" />
-            </Button>
+            </Link>
             <BookmarkOptions bookmark={bookmark} />
           </div>
         </div>
-- 
cgit v1.2.3-70-g09d2