From 193c66123be9e41efdeafedaa479a64966fe4f0f Mon Sep 17 00:00:00 2001
From: Isaac Wise <iamisaacwise2006@gmail.com>
Date: Fri, 9 Feb 2024 23:56:36 -0600
Subject: [PATCH] Don't show checkboxes on dashboard

---
 components/LinkViews/LinkCard.tsx | 16 ++++++++++------
 components/LinkViews/LinkList.tsx | 16 ++++++++++------
 pages/collections/[id].tsx        |  1 +
 pages/dashboard.tsx               |  3 ++-
 4 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/components/LinkViews/LinkCard.tsx b/components/LinkViews/LinkCard.tsx
index 81fbfaee..d6d52ee8 100644
--- a/components/LinkViews/LinkCard.tsx
+++ b/components/LinkViews/LinkCard.tsx
@@ -22,11 +22,13 @@ type Props = {
   count: number;
   className?: string;
   flipDropdown?: boolean;
+  showCheckbox?: boolean;
 };
 
 export default function LinkCard({
   link,
   flipDropdown,
+  showCheckbox,
 }: Props) {
   const { collections } = useCollectionStore();
 
@@ -89,12 +91,14 @@ export default function LinkCard({
       ref={ref}
       className="border border-solid border-neutral-content bg-base-200 shadow-md hover:shadow-none duration-100 rounded-2xl relative"
     >
-      <input
-        type="checkbox"
-        className="checkbox checkbox-primary my-auto ml-3 mt-3 fixed z-50 bg-white"
-        checked={selectedLinks.includes(link.id)}
-        onChange={() => handleCheckboxClick(link.id)}
-      />
+      {showCheckbox &&
+        <input
+          type="checkbox"
+          className="checkbox checkbox-primary my-auto ml-3 mt-3 absolute z-20 bg-white"
+          checked={selectedLinks.includes(link.id)}
+          onChange={() => handleCheckboxClick(link.id)}
+        />
+      }
       <Link
         href={generateLinkHref(link)}
         target="_blank"
diff --git a/components/LinkViews/LinkList.tsx b/components/LinkViews/LinkList.tsx
index 7d25c46f..27e1859e 100644
--- a/components/LinkViews/LinkList.tsx
+++ b/components/LinkViews/LinkList.tsx
@@ -19,11 +19,13 @@ type Props = {
   count: number;
   className?: string;
   flipDropdown?: boolean;
+  showCheckbox?: boolean;
 };
 
 export default function LinkCardCompact({
   link,
   flipDropdown,
+  showCheckbox,
 }: Props) {
   const { collections } = useCollectionStore();
   const { links, setSelectedLinks, selectedLinks } = useLinkStore();
@@ -63,12 +65,14 @@ export default function LinkCardCompact({
         className={`border-neutral-content relative items-center flex ${!showInfo && !isPWA() ? "hover:bg-base-300 p-3" : "py-3"
           } duration-200 rounded-lg`}
       >
-        <input
-          type="checkbox"
-          className="checkbox checkbox-primary my-auto mr-2"
-          checked={selectedLinks.includes(link.id)}
-          onChange={() => handleCheckboxClick(link.id)}
-        />
+        {showCheckbox &&
+          <input
+            type="checkbox"
+            className="checkbox checkbox-primary my-auto mr-2"
+            checked={selectedLinks.includes(link.id)}
+            onChange={() => handleCheckboxClick(link.id)}
+          />
+        }
         <Link
           href={generateLinkHref(link)}
           target="_blank"
diff --git a/pages/collections/[id].tsx b/pages/collections/[id].tsx
index cef073df..ef84a392 100644
--- a/pages/collections/[id].tsx
+++ b/pages/collections/[id].tsx
@@ -288,6 +288,7 @@ export default function Index() {
             <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
           </div>
         </div>
+
         <div className="w-full flex justify-between items-center min-h-[32px]">
           <div className="flex gap-3 ml-3">
             <input
diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx
index 6fabf33a..91f1ba46 100644
--- a/pages/dashboard.tsx
+++ b/pages/dashboard.tsx
@@ -168,7 +168,7 @@ export default function Dashboard() {
         >
           {links[0] ? (
             <div className="w-full">
-              <LinkComponent links={links.slice(0, showLinks)} />
+              <LinkComponent links={links.slice(0, showLinks)} showCheckbox={false} />
             </div>
           ) : (
             <div
@@ -279,6 +279,7 @@ export default function Dashboard() {
           {links.some((e) => e.pinnedBy && e.pinnedBy[0]) ? (
             <div className="w-full">
               <LinkComponent
+                showCheckbox={false}
                 links={links
                   .filter((e) => e.pinnedBy && e.pinnedBy[0])
                   .slice(0, showLinks)}