From 0c531760e820499b3db592a36e054c840252dc8e Mon Sep 17 00:00:00 2001
From: Isaac Wise <iamisaacwise2006@gmail.com>
Date: Sun, 11 Feb 2024 01:08:28 -0600
Subject: [PATCH] Only show edit icon if there are links

---
 pages/collections/[id].tsx | 28 +++++++++++++++-------------
 pages/links/index.tsx      | 28 +++++++++++++++-------------
 pages/links/pinned.tsx     | 28 +++++++++++++++-------------
 3 files changed, 45 insertions(+), 39 deletions(-)

diff --git a/pages/collections/[id].tsx b/pages/collections/[id].tsx
index fb00433..0b5d5bc 100644
--- a/pages/collections/[id].tsx
+++ b/pages/collections/[id].tsx
@@ -308,19 +308,21 @@ export default function Index() {
         <div className="flex justify-between items-center gap-5">
           <p>Showing {activeCollection?._count?.links} results</p>
           <div className="flex items-center gap-2">
-            <div
-              role="button"
-              onClick={() => {
-                setEditMode(!editMode)
-                setSelectedLinks([])
-              }}
-              className={`btn btn-square btn-sm btn-ghost ${editMode
-                ? "bg-primary/20 hover:bg-primary/20"
-                : "hover:bg-neutral/20"
-                }`}
-            >
-              <i className="bi-pencil-fill text-neutral text-xl"></i>
-            </div>
+            {links.length > 0 && (
+              <div
+                role="button"
+                onClick={() => {
+                  setEditMode(!editMode)
+                  setSelectedLinks([])
+                }}
+                className={`btn btn-square btn-sm btn-ghost ${editMode
+                  ? "bg-primary/20 hover:bg-primary/20"
+                  : "hover:bg-neutral/20"
+                  }`}
+              >
+                <i className="bi-pencil-fill text-neutral text-xl"></i>
+              </div>
+            )}
             <SortDropdown sortBy={sortBy} setSort={setSortBy} />
             <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
           </div>
diff --git a/pages/links/index.tsx b/pages/links/index.tsx
index 4a1601a..bfb1273 100644
--- a/pages/links/index.tsx
+++ b/pages/links/index.tsx
@@ -78,19 +78,21 @@ export default function Links() {
           />
 
           <div className="mt-2 flex items-center justify-end gap-2">
-            <div
-              role="button"
-              onClick={() => {
-                setEditMode(!editMode)
-                setSelectedLinks([])
-              }}
-              className={`btn btn-square btn-sm btn-ghost ${editMode
-                ? "bg-primary/20 hover:bg-primary/20"
-                : "hover:bg-neutral/20"
-                }`}
-            >
-              <i className="bi-pencil-fill text-neutral text-xl"></i>
-            </div>
+            {links.length > 0 && (
+              <div
+                role="button"
+                onClick={() => {
+                  setEditMode(!editMode)
+                  setSelectedLinks([])
+                }}
+                className={`btn btn-square btn-sm btn-ghost ${editMode
+                  ? "bg-primary/20 hover:bg-primary/20"
+                  : "hover:bg-neutral/20"
+                  }`}
+              >
+                <i className="bi-pencil-fill text-neutral text-xl"></i>
+              </div>
+            )}
             <SortDropdown sortBy={sortBy} setSort={setSortBy} />
             <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
           </div>
diff --git a/pages/links/pinned.tsx b/pages/links/pinned.tsx
index a9881b1..94b1de9 100644
--- a/pages/links/pinned.tsx
+++ b/pages/links/pinned.tsx
@@ -77,19 +77,21 @@ export default function PinnedLinks() {
             description={"Pinned Links from your Collections"}
           />
           <div className="mt-2 flex items-center justify-end gap-2">
-            <div
-              role="button"
-              onClick={() => {
-                setEditMode(!editMode)
-                setSelectedLinks([])
-              }}
-              className={`btn btn-square btn-sm btn-ghost ${editMode
-                ? "bg-primary/20 hover:bg-primary/20"
-                : "hover:bg-neutral/20"
-                }`}
-            >
-              <i className="bi-pencil-fill text-neutral text-xl"></i>
-            </div>
+            {links.length > 0 && (
+              <div
+                role="button"
+                onClick={() => {
+                  setEditMode(!editMode)
+                  setSelectedLinks([])
+                }}
+                className={`btn btn-square btn-sm btn-ghost ${editMode
+                  ? "bg-primary/20 hover:bg-primary/20"
+                  : "hover:bg-neutral/20"
+                  }`}
+              >
+                <i className="bi-pencil-fill text-neutral text-xl"></i>
+              </div>
+            )}
             <SortDropdown sortBy={sortBy} setSort={setSortBy} />
             <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
           </div>