feat: added links update functionality

components/InputSelect/TagSelection.tsx

@@ -27,7 +27,7 @@ export default function ({ onChange, defaultValue }: Props) {
 
   return (
     <CreatableSelect
-      isClearable
+      isClearable={false}
       onChange={onChange}
       options={options}
       styles={styles}

components/Modal/EditLink.tsx

@@ -16,6 +16,8 @@ export default function EditLink({ toggleLinkModal, link }: Props) {
 
   const { updateLink } = useLinkStore();
 
+  const shortendURL = new URL(link.url).host.toLowerCase();
+
   const setTags = (e: any) => {
     const tagNames = e.map((e: any) => {
       return { name: e.label };
@@ -40,8 +42,9 @@ export default function EditLink({ toggleLinkModal, link }: Props) {
 
   return (
     <div className="flex flex-col gap-3">
-      <p className="font-bold text-sky-300 mb-2 text-center">New Link</p>
-
+      <p className="font-bold text-sky-300 mb-2 text-center">Edit Link</p>
+      <p>{shortendURL}</p>
+      <p>{link.title}</p>
       <div className="flex gap-5 items-center justify-between">
         <p className="text-sm font-bold text-sky-300">Name</p>
         <input
@@ -55,19 +58,6 @@ export default function EditLink({ toggleLinkModal, link }: Props) {
         />
       </div>
 
-      <div className="flex gap-5 items-center justify-between">
-        <p className="text-sm font-bold text-sky-300">URL</p>
-        <input
-          value={currentLink.url}
-          onChange={(e) =>
-            setCurrentLink({ ...currentLink, url: e.target.value })
-          }
-          type="text"
-          placeholder="e.g. http://example.com/"
-          className="w-60 rounded-md p-3 border-sky-100 border-solid border text-sm outline-none focus:border-sky-500 duration-100"
-        />
-      </div>
-
       <div className="flex gap-5 items-center justify-between">
         <p className="text-sm font-bold text-sky-300">Tags</p>
         <TagSelection

components/Sidebar/index.tsx

@@ -36,7 +36,7 @@ export default function () {
   };
 
   return (
-    <div className="fixed bg-gray-100 top-0 bottom-0 left-0 w-80 p-2 overflow-y-auto hide-scrollbar border-solid border-r-sky-100 border z-20">
+    <div className="fixed bg-gray-100 top-0 bottom-0 left-0 w-80 p-2 overflow-y-auto border-solid border-r-sky-100 border z-20">
       <p className="p-2 text-sky-500 font-bold text-xl mb-5 leading-4">
         Linkwarden
       </p>