Only show edit icon if there are links

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>

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>

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>