feature: Clicking preview for image assets brings up the details modal (

#147)
hoarder-app · May 10, 2024 · cbc8dde · cbc8dde
1 parent 1e317d9
commit cbc8dde
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/apps/web/components/dashboard/bookmarks/AssetCard.tsx b/apps/web/components/dashboard/bookmarks/AssetCard.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import Image from "next/image";
+import Link from "next/link";
 import { api } from "@/lib/trpc";
 
 import type {
@@ -23,12 +24,14 @@ function AssetImage({
   switch (bookmarkedAsset.assetType) {
     case "image": {
       return (
-        <Image
-          alt="asset"
-          src={getAssetUrl(bookmarkedAsset.assetId)}
-          fill={true}
-          className={className}
-        />
+        <Link href={`/dashboard/preview/${bookmark.id}`}>
+          <Image
+            alt="asset"
+            src={getAssetUrl(bookmarkedAsset.assetId)}
+            fill={true}
+            className={className}
+          />
+        </Link>
       );
     }
     case "pdf": {