From daebbf0154a290fb690ed94fca23377e0f739f53 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 7 Feb 2024 02:48:38 +0000
Subject: [ui] Very first draft of the link grid

---
 web/app/bookmarks/components/LinkCard.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 web/app/bookmarks/components/LinkCard.tsx

(limited to 'web/app/bookmarks/components/LinkCard.tsx')

diff --git a/web/app/bookmarks/components/LinkCard.tsx b/web/app/bookmarks/components/LinkCard.tsx
new file mode 100644
index 00000000..103f97ef
--- /dev/null
+++ b/web/app/bookmarks/components/LinkCard.tsx
@@ -0,0 +1,19 @@
+import { ZBookmarkedLink } from "@/lib/types/api/links";
+import Link from "next/link";
+
+export default async function LinkCard({ link }: { link: ZBookmarkedLink }) {
+  return (
+    <Link href={link.url} className="border rounded-md hover:border-blue-300">
+      <div className="p-4">
+        <h2 className="text-lg font-semibold">
+          {link.details?.favicon && (
+            // eslint-disable-next-line @next/next/no-img-element
+            <img alt="" width="10" height="10" src={link.details?.favicon} />
+          )}
+          {link.details?.title ?? link.id}
+        </h2>
+        <p className="text-gray-600">{link.details?.description ?? link.url}</p>
+      </div>
+    </Link>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

