Don't show checkboxes on dashboard

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
+      {showCheckbox &&
-        type="checkbox"
+        <input
-        className="checkbox checkbox-primary my-auto ml-3 mt-3 fixed z-50 bg-white"
+          type="checkbox"
-        checked={selectedLinks.includes(link.id)}
+          className="checkbox checkbox-primary my-auto ml-3 mt-3 absolute z-20 bg-white"
-        onChange={() => handleCheckboxClick(link.id)}
+          checked={selectedLinks.includes(link.id)}
-      />
+          onChange={() => handleCheckboxClick(link.id)}
+        />
+      }
       <Link
         href={generateLinkHref(link)}
         target="_blank"

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
+        {showCheckbox &&
-          type="checkbox"
+          <input
-          className="checkbox checkbox-primary my-auto mr-2"
+            type="checkbox"
-          checked={selectedLinks.includes(link.id)}
+            className="checkbox checkbox-primary my-auto mr-2"
-          onChange={() => handleCheckboxClick(link.id)}
+            checked={selectedLinks.includes(link.id)}
-        />
+            onChange={() => handleCheckboxClick(link.id)}
+          />
+        }
         <Link
           href={generateLinkHref(link)}
           target="_blank"

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

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)}