better component naming + folder structure

components/LinkViews/Layouts/CardView.tsx

@@ -1,4 +1,4 @@
-import LinkCard from "@/components/LinkViews/LinkComponents/LinkCard";
+import LinkCard from "@/components/LinkViews/LinkCard";
 import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
 
 export default function DefaultGridView({

components/LinkViews/Layouts/GridView.tsx

@@ -1,5 +1,5 @@
-import LinkCardGrid from "@/components/LinkViews/LinkComponents/LinkCardGrid";
-import {LinkIncludingShortenedCollectionAndTags} from "@/types/global";
+import LinkGrid from "@/components/LinkViews/LinkGrid";
+import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
 
 export default function CompactGridView({
   links,
@@ -11,7 +11,7 @@ export default function CompactGridView({
       {links.map((e, i) => {
         return (
           <div key={i} className="break-inside-avoid mb-5">
-            <LinkCardGrid link={e} count={i}/>
+            <LinkGrid link={e} count={i} />
           </div>
         );
       })}

components/LinkViews/Layouts/ListView.tsx

@@ -1,4 +1,4 @@
-import LinkRow from "@/components/LinkViews/LinkComponents/LinkRow";
+import LinkList from "@/components/LinkViews/LinkList";
 import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
 
 export default function ListView({
@@ -9,7 +9,7 @@ export default function ListView({
   return (
     <div className="flex flex-col">
       {links.map((e, i) => {
-        return <LinkRow key={i} link={e} count={i} />;
+        return <LinkList key={i} link={e} count={i} />;
       })}
     </div>
   );

components/LinkViews/LinkGrid.tsx

@@ -18,7 +18,7 @@ type Props = {
   className?: string;
 };
 
-export default function LinkCardGrid({ link, count, className }: Props) {
+export default function LinkGrid({ link, count, className }: Props) {
   const { collections } = useCollectionStore();
 
   const { links } = useLinkStore();

pages/collections/[id].tsx

@@ -1,4 +1,4 @@
-import LinkCard from "@/components/LinkViews/LinkComponents/LinkCard";
+import LinkCard from "@/components/LinkViews/LinkCard";
 import useCollectionStore from "@/store/collections";
 import useLinkStore from "@/store/links";
 import {
@@ -21,9 +21,9 @@ import EditCollectionModal from "@/components/ModalContent/EditCollectionModal";
 import EditCollectionSharingModal from "@/components/ModalContent/EditCollectionSharingModal";
 import DeleteCollectionModal from "@/components/ModalContent/DeleteCollectionModal";
 import ViewDropdown from "@/components/ViewDropdown";
-import DefaultView from "@/components/LinkViews/DefaultView";
-import GridView from "@/components/LinkViews/GridView";
-import ListView from "@/components/LinkViews/ListView";
+import CardView from "@/components/LinkViews/Layouts/CardView";
+import GridView from "@/components/LinkViews/Layouts/GridView";
+import ListView from "@/components/LinkViews/Layouts/ListView";
 
 export default function Index() {
   const { settings } = useLocalSettingsStore();
@@ -91,7 +91,7 @@ export default function Index() {
   );
 
   const linkView = {
-    [ViewMode.Default]: DefaultView,
+    [ViewMode.Default]: CardView,
     // [ViewMode.Grid]: GridView,
     [ViewMode.List]: ListView,
   };

pages/dashboard.tsx

@@ -2,7 +2,7 @@ import useLinkStore from "@/store/links";
 import useCollectionStore from "@/store/collections";
 import useTagStore from "@/store/tags";
 import MainLayout from "@/layouts/MainLayout";
-import LinkCard from "@/components/LinkViews/LinkComponents/LinkCard";
+import LinkCard from "@/components/LinkViews/LinkCard";
 import { useEffect, useState } from "react";
 import useLinks from "@/hooks/useLinks";
 import Link from "next/link";

pages/links/index.tsx

@@ -7,8 +7,8 @@ import React, { useState } from "react";
 import PageHeader from "@/components/PageHeader";
 import { Sort, ViewMode } from "@/types/global";
 import ViewDropdown from "@/components/ViewDropdown";
-import DefaultView from "@/components/LinkViews/DefaultView";
-import ListView from "@/components/LinkViews/ListView";
+import CardView from "@/components/LinkViews/Layouts/CardView";
+import ListView from "@/components/LinkViews/Layouts/ListView";
 
 export default function Links() {
   const { links } = useLinkStore();
@@ -21,7 +21,7 @@ export default function Links() {
   useLinks({ sort: sortBy });
 
   const linkView = {
-    [ViewMode.Default]: DefaultView,
+    [ViewMode.Default]: CardView,
     // [ViewMode.Grid]: GridView,
     [ViewMode.List]: ListView,
   };

pages/links/pinned.tsx

@@ -6,8 +6,8 @@ import React, { useState } from "react";
 import PageHeader from "@/components/PageHeader";
 import { Sort, ViewMode } from "@/types/global";
 import ViewDropdown from "@/components/ViewDropdown";
-import DefaultView from "@/components/LinkViews/DefaultView";
-import ListView from "@/components/LinkViews/ListView";
+import CardView from "@/components/LinkViews/Layouts/CardView";
+import ListView from "@/components/LinkViews/Layouts/ListView";
 
 export default function PinnedLinks() {
   const { links } = useLinkStore();
@@ -20,7 +20,7 @@ export default function PinnedLinks() {
   useLinks({ sort: sortBy, pinnedOnly: true });
 
   const linkView = {
-    [ViewMode.Default]: DefaultView,
+    [ViewMode.Default]: CardView,
     // [ViewMode.Grid]: GridView,
     [ViewMode.List]: ListView,
   };

pages/search.tsx

@@ -7,9 +7,9 @@ import { Sort, ViewMode } from "@/types/global";
 import { useRouter } from "next/router";
 import React, { useState } from "react";
 import ViewDropdown from "@/components/ViewDropdown";
-import DefaultView from "@/components/LinkViews/DefaultView";
-import GridView from "@/components/LinkViews/GridView";
-import ListView from "@/components/LinkViews/ListView";
+import CardView from "@/components/LinkViews/Layouts/CardView";
+import GridView from "@/components/LinkViews/Layouts/GridView";
+import ListView from "@/components/LinkViews/Layouts/ListView";
 import PageHeader from "@/components/PageHeader";
 
 export default function Search() {
@@ -43,7 +43,7 @@ export default function Search() {
   });
 
   const linkView = {
-    [ViewMode.Default]: DefaultView,
+    [ViewMode.Default]: CardView,
     // [ViewMode.Grid]: GridView,
     [ViewMode.List]: ListView,
   };

pages/tags/[id].tsx

@@ -8,9 +8,9 @@ import { Sort, TagIncludingLinkCount, ViewMode } from "@/types/global";
 import useLinks from "@/hooks/useLinks";
 import { toast } from "react-hot-toast";
 import ViewDropdown from "@/components/ViewDropdown";
-import DefaultView from "@/components/LinkViews/DefaultView";
-import GridView from "@/components/LinkViews/GridView";
-import ListView from "@/components/LinkViews/ListView";
+import CardView from "@/components/LinkViews/Layouts/CardView";
+import GridView from "@/components/LinkViews/Layouts/GridView";
+import ListView from "@/components/LinkViews/Layouts/ListView";
 
 export default function Index() {
   const router = useRouter();
@@ -95,7 +95,7 @@ export default function Index() {
   );
 
   const linkView = {
-    [ViewMode.Default]: DefaultView,
+    [ViewMode.Default]: CardView,
     // [ViewMode.Grid]: GridView,
     [ViewMode.List]: ListView,
   };
@@ -109,7 +109,7 @@ export default function Index() {
         <div className="flex gap-3 items-center justify-between">
           <div className="flex gap-3 items-center">
             <div className="flex gap-2 items-center font-thin">
-              <i className={'bi-hash text-primary text-3xl'}/>
+              <i className={"bi-hash text-primary text-3xl"} />
 
               {renameTag ? (
                 <>
@@ -129,16 +129,16 @@ export default function Index() {
                       <i className={"bi-check text-neutral text-2xl"}></i>
                     </div>
                     <div
-                        onClick={() => cancelUpdateTag()}
-                        id="expand-dropdown"
-                        className="btn btn-ghost btn-square btn-sm"
+                      onClick={() => cancelUpdateTag()}
+                      id="expand-dropdown"
+                      className="btn btn-ghost btn-square btn-sm"
                     >
                       <i className={"bi-x text-neutral text-2xl"}></i>
                     </div>
                   </form>
                 </>
               ) : (
-                  <>
+                <>
                   <p className="sm:text-4xl text-3xl capitalize">
                     {activeTag?.name}
                   </p>
@@ -151,11 +151,13 @@ export default function Index() {
                       }`}
                     >
                       <div
-                          tabIndex={0}
-                          role="button"
-                          className="btn btn-ghost btn-sm btn-square text-neutral"
+                        tabIndex={0}
+                        role="button"
+                        className="btn btn-ghost btn-sm btn-square text-neutral"
                       >
-                        <i className={"bi-three-dots text-neutral text-2xl"}></i>
+                        <i
+                          className={"bi-three-dots text-neutral text-2xl"}
+                        ></i>
                       </div>
                       <ul className="dropdown-content z-[30] menu shadow bg-base-200 border border-neutral-content rounded-box w-36 mt-1">
                         <li>