renamed "LinkList" to "LinkCard"

components/Sidebar.tsx

@@ -21,6 +21,7 @@ export default function ({ className }: { className?: string }) {
   const [active, setActive] = useState("");
 
   useEffect(() => {
+    console.log(window.location.hash);
     setActive(router.asPath);
   }, [router, collections]);
 

components/SubmitButton.tsx

@@ -17,7 +17,7 @@ export default function SubmitButton({
 }: Props) {
   return (
     <div
-      className={`bg-sky-500 text-white flex items-center gap-2 py-2 px-5 rounded-xl select-none font-bold cursor-pointer duration-100 hover:bg-sky-400 w-fit ${className}`}
+      className={`bg-sky-500 text-white flex items-center gap-2 py-2 px-5 rounded-md select-none font-bold cursor-pointer duration-100 hover:bg-sky-400 w-fit ${className}`}
       onClick={onClick as MouseEventHandler<HTMLDivElement>}
     >
       <FontAwesomeIcon icon={icon} className="h-5" />

pages/collections/[id].tsx

@@ -1,5 +1,5 @@
 import Dropdown from "@/components/Dropdown";
-import LinkList from "@/components/LinkList";
+import LinkCard from "@/components/LinkCard";
 import Modal from "@/components/Modal";
 import LinkModal from "@/components/Modal/LinkModal";
 import CollectionInfo from "@/components/Modal/Collection/CollectionInfo";
@@ -282,7 +282,7 @@ export default function () {
         </div>
         <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
           {sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })}
         </div>
       </div>

pages/links.tsx

@@ -1,6 +1,4 @@
-import ClickAwayHandler from "@/components/ClickAwayHandler";
-import LinkList from "@/components/LinkList";
-import RadioButton from "@/components/RadioButton";
+import LinkCard from "@/components/LinkCard";
 import SortLinkDropdown from "@/components/SortLinkDropdown";
 import MainLayout from "@/layouts/MainLayout";
 import useLinkStore from "@/store/links";
@@ -86,7 +84,7 @@ export default function Links() {
         </div>
         <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
           {sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })}
         </div>
       </div>

pages/public/collections/[id].tsx

@@ -1,4 +1,4 @@
-import LinkList from "@/components/PublicPage/LinkList";
+import LinkCard from "@/components/PublicPage/LinkCard";
 import getPublicCollectionData from "@/lib/client/getPublicCollectionData";
 import { PublicCollectionIncludingLinks } from "@/types/global";
 import { useRouter } from "next/router";
@@ -47,7 +47,7 @@ export default function PublicCollections() {
 
       <div className="flex flex-col gap-5 my-8">
         {data?.links.map((e, i) => {
-          return <LinkList key={i} link={e} count={i} />;
+          return <LinkCard key={i} link={e} count={i} />;
         })}
       </div>
 

pages/search/[query].tsx

@@ -1,5 +1,5 @@
 import FilterSearchDropdown from "@/components/FilterSearchDropdown";
-import LinkList from "@/components/LinkList";
+import LinkCard from "@/components/LinkCard";
 import SortLinkDropdown from "@/components/SortLinkDropdown";
 import MainLayout from "@/layouts/MainLayout";
 import useLinkStore from "@/store/links";
@@ -152,7 +152,7 @@ export default function Links() {
         </div>
         {sortedLinks[0] ? (
           sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })
         ) : (
           <p className="text-sky-900">

pages/tags/[id].tsx

@@ -1,4 +1,4 @@
-import LinkList from "@/components/LinkList";
+import LinkCard from "@/components/LinkCard";
 import useLinkStore from "@/store/links";
 import { faHashtag, faSort } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -103,7 +103,7 @@ export default function () {
         </div>
         <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 gap-5">
           {sortedLinks.map((e, i) => {
-            return <LinkList key={i} link={e} count={i} />;
+            return <LinkCard key={i} link={e} count={i} />;
           })}
         </div>
       </div>