better edit view

pages/collections/[id].tsx

@@ -119,12 +119,12 @@ export default function Index() {
                   weight={
                     (activeCollection.iconWeight || "regular") as IconWeight
                   }
-                  color={activeCollection.color || "#0ea5e9"}
+                  color={activeCollection.color}
                 />
               ) : (
                 <i
                   className="bi-folder-fill text-3xl"
-                  style={{ color: activeCollection.color || "#0ea5e9" }}
+                  style={{ color: activeCollection.color }}
                 ></i>
               )}
 

pages/links/[id].tsx

@@ -20,7 +20,7 @@ const Index = () => {
     <div className="flex h-screen">
       {getLink.data ? (
         <LinkDetails
-          link={getLink.data}
+          activeLink={getLink.data}
           className="sm:max-w-xl sm:m-auto sm:p-5 w-full"
           standalone
         />

pages/public/links/[id].tsx

@@ -18,7 +18,7 @@ const Index = () => {
     <div className="flex h-screen">
       {getLink.data ? (
         <LinkDetails
-          link={getLink.data}
+          activeLink={getLink.data}
           className="sm:max-w-xl sm:m-auto sm:p-5 w-full"
           standalone
         />

pages/tags/[id].tsx

@@ -146,31 +146,29 @@ export default function Index() {
               <i className={"bi-hash text-primary text-3xl"} />
 
               {renameTag ? (
-                <>
-                  <form onSubmit={submit} className="flex items-center gap-2">
-                    <input
-                      type="text"
-                      autoFocus
-                      className="sm:text-3xl text-2xl bg-transparent h-10 w-3/4 outline-none border-b border-b-neutral-content"
-                      value={newTagName}
-                      onChange={(e) => setNewTagName(e.target.value)}
-                    />
-                    <div
-                      onClick={() => submit()}
-                      id="expand-dropdown"
-                      className="btn btn-ghost btn-square btn-sm"
-                    >
-                      <i className={"bi-check text-neutral text-2xl"}></i>
-                    </div>
-                    <div
-                      onClick={() => cancelUpdateTag()}
-                      id="expand-dropdown"
-                      className="btn btn-ghost btn-square btn-sm"
-                    >
-                      <i className={"bi-x text-neutral text-2xl"}></i>
-                    </div>
-                  </form>
-                </>
+                <form onSubmit={submit} className="flex items-center gap-2">
+                  <input
+                    type="text"
+                    autoFocus
+                    className="sm:text-3xl text-2xl bg-transparent h-10 w-3/4 outline-none border-b border-b-neutral-content"
+                    value={newTagName}
+                    onChange={(e) => setNewTagName(e.target.value)}
+                  />
+                  <div
+                    onClick={() => submit()}
+                    id="expand-dropdown"
+                    className="btn btn-ghost btn-square btn-sm"
+                  >
+                    <i className={"bi-check2 text-neutral text-2xl"}></i>
+                  </div>
+                  <div
+                    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-3xl text-2xl capitalize">