From 79d61be7e15dc5d23fb687a5f71e0097088a99ac Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sun, 7 Apr 2024 18:30:00 +0100
Subject: feature: Extract hook logic into separate package and add a new
 action bar in bookmark preview

---
 .../dashboard/preview/AssetContentSection.tsx      | 31 ++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 apps/web/components/dashboard/preview/AssetContentSection.tsx

(limited to 'apps/web/components/dashboard/preview/AssetContentSection.tsx')

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;
+}
-- 
cgit v1.2.3-70-g09d2

