bug fix + improvements + new logo

pages/collections/index.tsx

@@ -66,14 +66,6 @@ export default function Collections() {
                           modal: "COLLECTION",
                           state: true,
                           method: "CREATE",
-                          active: {
-                            name: "",
-                            description: "",
-                            color: "#0ea5e9",
-                            isPublic: false,
-                            ownerId: session.data?.user.id as number,
-                            members: [],
-                          },
                         });
                         setExpandDropdown(false);
                       },
@@ -125,14 +117,6 @@ export default function Collections() {
                 modal: "COLLECTION",
                 state: true,
                 method: "CREATE",
-                active: {
-                  name: "",
-                  description: "",
-                  color: "#0ea5e9",
-                  isPublic: false,
-                  ownerId: session.data?.user.id as number,
-                  members: [],
-                },
               });
             }}
           >

pages/dashboard.tsx

@@ -7,7 +7,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import MainLayout from "@/layouts/MainLayout";
 import useLinkStore from "@/store/links";
 import useTagStore from "@/store/tags";
-import LinkCard from "@/components/LinkCard";
+import CompactLinkCard from "@/components/CompactLinkCard";
 import Link from "next/link";
 import CollectionCard from "@/components/CollectionCard";
 import { Disclosure, Transition } from "@headlessui/react";
@@ -39,6 +39,10 @@ export default function Dashboard() {
 
   useLinks({ pinnedOnly: true, sort: 0 });
 
+  useEffect(() => {
+    console.log(links);
+  }, [links]);
+
   useEffect(() => {
     setNumberOfLinks(
       collections.reduce(
@@ -145,11 +149,11 @@ export default function Dashboard() {
                 leaveFrom="transform opacity-100 translate-y-0"
                 leaveTo="transform opacity-0 -translate-y-3"
               >
-                <Disclosure.Panel className="flex flex-col gap-5 w-full">
+                <Disclosure.Panel className="grid grid-cols-1 xl:grid-cols-2 gap-5 w-full">
                   {links
-                    .filter((e) => e.pinnedBy)
+                    .filter((e) => e.pinnedBy && e.pinnedBy[0])
                     .map((e, i) => (
-                      <LinkCard key={i} link={e} count={i} />
+                      <CompactLinkCard key={i} link={e} count={i} />
                     ))}
                 </Disclosure.Panel>
               </Transition>