feature: Extract hook logic into separate package and add a new action bar in bookmark preview

1 files changed, 31 insertions, 0 deletions

diff --git a/apps/web/components/dashboard/preview/AssetContentSection.tsx b/apps/web/components/dashboard/preview/AssetContentSection.tsx
new file mode 100644
index 00000000..3fbbc519
--- /dev/null
+++ b/apps/web/components/dashboard/preview/AssetContentSection.tsx
@@ -0,0 +1,31 @@
+import Image from "next/image";
+
+import type { ZBookmark } from "@hoarder/trpc/types/bookmarks";
+
+export function AssetContentSection({ bookmark }: { bookmark: ZBookmark }) {
+  if (bookmark.content.type != "asset") {
+    throw new Error("Invalid content type");
+  }
+
+  let content;
+  switch (bookmark.content.assetType) {
+    case "image": {
+      switch (bookmark.content.assetType) {
+        case "image": {
+          content = (
+            <div className="relative h-full min-w-full">
+              <Image
+                alt="asset"
+                fill={true}
+                className="object-contain"
+                src={`/api/assets/${bookmark.content.assetId}`}
+              />
+            </div>
+          );
+        }
+      }
+      break;
+    }
+  }
+  return content;
+}