From cdc05f85a6dc676e8af1227a56f65d6452488d82 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 7 Feb 2024 22:12:18 +0000
Subject: [feature] Render tags in the link card

---
 web/app/bookmarks/components/LinkCard.tsx | 9 ++++++++-
 web/app/bookmarks/page.tsx                | 5 +++++
 web/app/layout.tsx                        | 4 ++--
 3 files changed, 15 insertions(+), 3 deletions(-)

(limited to 'web/app')

diff --git a/web/app/bookmarks/components/LinkCard.tsx b/web/app/bookmarks/components/LinkCard.tsx
index 907acd19..da59d9da 100644
--- a/web/app/bookmarks/components/LinkCard.tsx
+++ b/web/app/bookmarks/components/LinkCard.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -73,7 +74,13 @@ export default function LinkCard({ link }: { link: ZBookmarkedLink }) {
           {link.details?.title ?? parsedUrl.host}
         </Link>
       </ImageCardTitle>
-      <ImageCardBody />
+      <ImageCardBody className="py-2 overflow-clip">
+        {link.tags.map((t) => (
+          <Badge variant="default" className="bg-gray-300 text-gray-500" key={t.id}>
+            #{t.name}
+          </Badge>
+        ))}
+      </ImageCardBody>
       <ImageCardFooter>
         <div className="flex justify-between text-gray-500">
           <div className="my-auto">
diff --git a/web/app/bookmarks/page.tsx b/web/app/bookmarks/page.tsx
index f0efa2e4..89a26122 100644
--- a/web/app/bookmarks/page.tsx
+++ b/web/app/bookmarks/page.tsx
@@ -1,5 +1,10 @@
 import AddLink from "./components/AddLink";
 import LinksGrid from "./components/LinksGrid";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Remember - Bookmarks",
+};
 
 export default async function Bookmarks() {
   return (
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index a6543b1c..a2d34046 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -7,8 +7,8 @@ import { Toaster } from "@/components/ui/toaster";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Remember",
+  description: "Your AI powered second brain",
 };
 
 export default function RootLayout({
-- 
cgit v1.2.3-70-g09d2