Many improvements.

pages/collections/[id].tsx

@@ -1,11 +1,24 @@
+import LinkList from "@/components/LinkList";
+import useLinkSlice from "@/store/links";
 import { useRouter } from "next/router";
 
 export default function () {
   const router = useRouter();
+  const { links } = useLinkSlice();
 
-  const collectionId = Number(router.query.id);
+  const linksByCollection = links.filter(
+    (e) => e.collectionId === Number(router.query.id)
+  );
 
-  console.log(collectionId);
-
-  return <div>{"HI"}</div>;
+  return (
+    // ml-80
+    <div className="p-5">
+      <p className="text-center mb-5 text-gray-500 font-bold text-sm">
+        {linksByCollection.length || 0} Links Found
+      </p>
+      {linksByCollection.map((e, i) => {
+        return <LinkList key={i} link={e} count={i} />;
+      })}
+    </div>
+  );
 }

pages/collections/index.tsx

@@ -1,5 +1,5 @@
 import { useSession } from "next-auth/react";
-import useCollectionSlice from "@/store/collection";
+import useCollectionSlice from "@/store/collections";
 
 import CollectionCard from "@/components/CollectionCard";