From 6f4759d928c427c2b9db9324c1561eb764e15f53 Mon Sep 17 00:00:00 2001
From: daniel31x13 <daniel31x13@gmail.com>
Date: Sat, 27 Apr 2024 11:03:08 -0400
Subject: [PATCH] added tags and description directly inside masonry view

---
 components/LinkViews/LinkMasonry.tsx | 31 +++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/components/LinkViews/LinkMasonry.tsx b/components/LinkViews/LinkMasonry.tsx
index 62c6cfb..5e886a8 100644
--- a/components/LinkViews/LinkMasonry.tsx
+++ b/components/LinkViews/LinkMasonry.tsx
@@ -160,12 +160,33 @@ export default function LinkMasonry({ link, flipDropdown, editMode }: Props) {
           <hr className="divider my-0 last:hidden border-t border-neutral-content h-[1px]" />
         )}
 
-        <div className="p-3 mt-1">
-          <p className="truncate w-full pr-8 text-primary">
-            {unescapeString(link.name || link.description) || link.url}
-          </p>
+        <div className="p-3 mt-1 flex flex-col gap-2">
+          <div className="w-full pr-8">
+            <p className="text-primary">{unescapeString(link.name)}</p>
 
-          <LinkTypeBadge link={link} />
+            <LinkTypeBadge link={link} />
+          </div>
+
+          {link.description && (
+            <p className="text-sm">{unescapeString(link.description)}</p>
+          )}
+
+          {link.tags[0] && (
+            <div className="flex gap-1 items-center flex-wrap">
+              {link.tags.map((e, i) => (
+                <Link
+                  href={"/tags/" + e.id}
+                  key={i}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                  }}
+                  className="btn btn-xs btn-ghost truncate max-w-[19rem]"
+                >
+                  #{e.name}
+                </Link>
+              ))}
+            </div>
+          )}
         </div>
 
         <hr className="divider mt-2 mb-1 last:hidden border-t border-neutral-content h-[1px]" />