diff options
| author | Cari <44416326+lilacpixel@users.noreply.github.com> | 2024-05-10 16:10:46 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-10 21:10:46 +0100 |
| commit | cbc8dded9970121d003fdcfb71099308acd4f09f (patch) | |
| tree | c9c647be653de53eb8e1a0bd84a8ecceaeceb2ee | |
| parent | 1e317d97a39e170cd2eca53a2b1df2cee489f681 (diff) | |
| download | karakeep-cbc8dded9970121d003fdcfb71099308acd4f09f.tar.zst | |
feature: Clicking preview for image assets brings up the details modal (#147)
| -rw-r--r-- | apps/web/components/dashboard/bookmarks/AssetCard.tsx | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/apps/web/components/dashboard/bookmarks/AssetCard.tsx b/apps/web/components/dashboard/bookmarks/AssetCard.tsx index 40f435de..f110e0c4 100644 --- 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": { |