Add a link for list embeds

pdelfan · Jan 29, 2024 · c084a46 · c084a46
1 parent 9f845ae
commit c084a46
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/components/dataDisplay/postEmbed/ListEmbed.tsx b/src/components/dataDisplay/postEmbed/ListEmbed.tsx
@@ -22,15 +22,17 @@ export default function ListEmbed(props: Props) {
   return (
     <>
       {depth < 1 && (
-        <div
-          // href={{
-          //   pathname: `/dashboard/user/${list.creator.handle}/lists/${encodeURIComponent(formattedUri)}`,
-          //   query: { uri: list.uri },
-          // }}
-          // onClick={(e) => {
-          //   e.stopPropagation();
-          // }}
-          className="mt-2 block cursor-pointer rounded-xl border bg-white p-3 hover:brightness-95"
+        <Link
+          href={{
+            pathname: `/dashboard/user/${
+              list.creator.handle
+            }/lists/${encodeURIComponent(formattedUri)}`,
+            query: { uri: list.uri },
+          }}
+          onClick={(e) => {
+            e.stopPropagation();
+          }}
+          className="block mt-2 cursor-pointer rounded-xl border bg-white p-3 hover:brightness-95"
         >
           <div className="flex items-start gap-2">
             <div className="bg-primary rounded-lg p-2.5">{selectedIcon}</div>
@@ -44,7 +46,7 @@ export default function ListEmbed(props: Props) {
               <p className="break-all">{list.description}</p>
             </div>
           </div>
-        </div>
+        </Link>
       )}
     </>
   );