format

2024-02-10 18:34:25 -06:00
parent 58e2fb22c9
commit 059fcecc5f
20 changed files with 360 additions and 269 deletions
@@ -7,72 +7,74 @@ import toast from "react-hot-toast";
 import Modal from "../Modal";

 type Props = {
-	onClose: Function;
+  onClose: Function;
 };

 export default function BulkEditLinksModal({ onClose }: Props) {
-	const { updateLinks, selectedLinks, setSelectedLinks } = useLinkStore();
-	const [submitLoader, setSubmitLoader] = useState(false);
-	const [updatedValues, setUpdatedValues] = useState<Pick<LinkIncludingShortenedCollectionAndTags, "tags" | "collectionId">>({ tags: [] });
+  const { updateLinks, selectedLinks, setSelectedLinks } = useLinkStore();
+  const [submitLoader, setSubmitLoader] = useState(false);
+  const [updatedValues, setUpdatedValues] = useState<
+    Pick<LinkIncludingShortenedCollectionAndTags, "tags" | "collectionId">
+  >({ tags: [] });

-	const setCollection = (e: any) => {
-		const collectionId = e?.value || null;
-		setUpdatedValues((prevValues) => ({ ...prevValues, collectionId }));
-	};
+  const setCollection = (e: any) => {
+    const collectionId = e?.value || null;
+    setUpdatedValues((prevValues) => ({ ...prevValues, collectionId }));
+  };

-	const setTags = (e: any) => {
-		const tags = e.map((tag: any) => ({ name: tag.label }));
-		setUpdatedValues((prevValues) => ({ ...prevValues, tags }));
-	};
+  const setTags = (e: any) => {
+    const tags = e.map((tag: any) => ({ name: tag.label }));
+    setUpdatedValues((prevValues) => ({ ...prevValues, tags }));
+  };

-	const submit = async () => {
-		if (!submitLoader) {
-			setSubmitLoader(true);
+  const submit = async () => {
+    if (!submitLoader) {
+      setSubmitLoader(true);

-			const load = toast.loading("Updating...");
+      const load = toast.loading("Updating...");

-			const response = await updateLinks(selectedLinks, updatedValues);
+      const response = await updateLinks(selectedLinks, updatedValues);

-			toast.dismiss(load);
+      toast.dismiss(load);

-			if (response.ok) {
-				toast.success(`Updated!`);
-				onClose();
-			} else toast.error(response.data as string);
+      if (response.ok) {
+        toast.success(`Updated!`);
+        onClose();
+      } else toast.error(response.data as string);

-			setSelectedLinks([]);
-			setSubmitLoader(false);
-			onClose();
-			return response;
-		}
-	};
+      setSelectedLinks([]);
+      setSubmitLoader(false);
+      onClose();
+      return response;
+    }
+  };

-	return (
-		<Modal toggleModal={onClose}>
-			<p className="text-xl font-thin">Edit Link</p>
-			<div className="divider mb-3 mt-1"></div>
-			<div className="mt-5">
-				<div className="grid sm:grid-cols-2 gap-3">
-					<div>
-						<p className="mb-2">Collection</p>
-						<CollectionSelection onChange={setCollection} />
-					</div>
+  return (
+    <Modal toggleModal={onClose}>
+      <p className="text-xl font-thin">Edit Link</p>
+      <div className="divider mb-3 mt-1"></div>
+      <div className="mt-5">
+        <div className="grid sm:grid-cols-2 gap-3">
+          <div>
+            <p className="mb-2">Collection</p>
+            <CollectionSelection onChange={setCollection} />
+          </div>

-					<div>
-						<p className="mb-2">Tags</p>
-						<TagSelection onChange={setTags} />
-					</div>
-				</div>
-			</div>
+          <div>
+            <p className="mb-2">Tags</p>
+            <TagSelection onChange={setTags} />
+          </div>
+        </div>
+      </div>

-			<div className="flex justify-end items-center mt-5">
-				<button
-					className="btn btn-accent dark:border-violet-400 text-white"
-					onClick={submit}
-				>
-					Save Changes
-				</button>
-			</div>
-		</Modal>
-	);
+      <div className="flex justify-end items-center mt-5">
+        <button
+          className="btn btn-accent dark:border-violet-400 text-white"
+          onClick={submit}
+        >
+          Save Changes
+        </button>
+      </div>
+    </Modal>
+  );
 }