-
-
Description
+
+
+ {unescapeString(link.name || link.description) || link.url}
+
-
-
- {link.description ? (
- unescapeString(link.description)
- ) : (
-
- No description provided.
-
- )}
-
- {link.tags[0] ? (
- <>
-
- Tags
+
+
+ {collection && (
+
+ )}
+ {link.url ? (
+
+ ) : (
+
+ {link.type}
+
+ )}
+
+
+
+
+
+
setShowInfo(!showInfo)}
+ // linkInfo={showInfo}
+ />
+ {showInfo && (
+
+
+
+ Description
+
+ {link.description ? (
+ unescapeString(link.description)
+ ) : (
+
+ No description provided.
+
+ )}
+
+ {link.tags[0] && (
+ <>
+
+ Tags
+
-
-
- {link.tags.map((e, i) => (
- {
- e.stopPropagation();
- }}
- className="btn btn-xs btn-ghost truncate max-w-[19rem]"
- >
- #{e.name}
-
- ))}
-
+
+
+
+
+ {link.tags.map((e, i) => (
+ {
+ e.stopPropagation();
+ }}
+ className="btn btn-xs btn-ghost truncate max-w-[19rem]"
+ >
+ #{e.name}
+
+ ))}
+
+
+
+ )}
+
+
+ )}
+
+ ) : (
+ <>
+
+
+
+
+
+
+
+ {unescapeString(link.name || link.description) || link.url}
+
+
+
+
+ {collection ? (
+
+ ) : undefined}
+ {link.url ? (
+
+ ) : (
+
+ {link.type}
+
+ )}
+
-
- ) : undefined}
+
+
-
-
);
diff --git a/components/ModalContent/BulkDeleteLinksModal.tsx b/components/ModalContent/BulkDeleteLinksModal.tsx
new file mode 100644
index 0000000..6de26cd
--- /dev/null
+++ b/components/ModalContent/BulkDeleteLinksModal.tsx
@@ -0,0 +1,75 @@
+import React from "react";
+import useLinkStore from "@/store/links";
+import toast from "react-hot-toast";
+import Modal from "../Modal";
+
+type Props = {
+ onClose: Function;
+};
+
+export default function BulkDeleteLinksModal({ onClose }: Props) {
+ const { selectedLinks, setSelectedLinks, deleteLinksById } = useLinkStore();
+
+ const deleteLink = async () => {
+ const load = toast.loading(
+ `Deleting ${selectedLinks.length} Link${
+ selectedLinks.length > 1 ? "s" : ""
+ }...`
+ );
+
+ const response = await deleteLinksById(
+ selectedLinks.map((link) => link.id as number)
+ );
+
+ toast.dismiss(load);
+
+ if (response.ok) {
+ toast.success(
+ `Deleted ${selectedLinks.length} Link${
+ selectedLinks.length > 1 ? "s" : ""
+ }`
+ );
+
+ setSelectedLinks([]);
+ onClose();
+ } else toast.error(response.data as string);
+ };
+
+ return (
+
+
+ Delete {selectedLinks.length} Link{selectedLinks.length > 1 ? "s" : ""}
+
+
+
+
+
+ {selectedLinks.length > 1 ? (
+
Are you sure you want to delete {selectedLinks.length} links?
+ ) : (
+
Are you sure you want to delete this link?
+ )}
+
+
+
+
+ Warning: This action is irreversible!
+
+
+
+
+ Hold the Shift key while clicking
+ 'Delete' to bypass this confirmation in the future.
+
+
+
+
+ );
+}
diff --git a/components/ModalContent/BulkEditLinksModal.tsx b/components/ModalContent/BulkEditLinksModal.tsx
new file mode 100644
index 0000000..07b3914
--- /dev/null
+++ b/components/ModalContent/BulkEditLinksModal.tsx
@@ -0,0 +1,102 @@
+import React, { useState } from "react";
+import CollectionSelection from "@/components/InputSelect/CollectionSelection";
+import TagSelection from "@/components/InputSelect/TagSelection";
+import useLinkStore from "@/store/links";
+import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
+import toast from "react-hot-toast";
+import Modal from "../Modal";
+
+type Props = {
+ onClose: Function;
+};
+
+export default function BulkEditLinksModal({ onClose }: Props) {
+ const { updateLinks, selectedLinks, setSelectedLinks } = useLinkStore();
+ const [submitLoader, setSubmitLoader] = useState(false);
+ const [removePreviousTags, setRemovePreviousTags] = useState(false);
+ const [updatedValues, setUpdatedValues] = useState<
+ Pick
+ >({ tags: [] });
+
+ const setCollection = (e: any) => {
+ const collectionId = e?.value || null;
+ console.log(updatedValues);
+ setUpdatedValues((prevValues) => ({ ...prevValues, collectionId }));
+ };
+
+ 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 load = toast.loading("Updating...");
+
+ const response = await updateLinks(
+ selectedLinks,
+ removePreviousTags,
+ updatedValues
+ );
+
+ toast.dismiss(load);
+
+ if (response.ok) {
+ toast.success(`Updated!`);
+ setSelectedLinks([]);
+ onClose();
+ } else toast.error(response.data as string);
+
+ setSubmitLoader(false);
+ return response;
+ }
+ };
+
+ return (
+
+
+ Edit {selectedLinks.length} Link{selectedLinks.length > 1 ? "s" : ""}
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/ModalContent/DeleteLinkModal.tsx b/components/ModalContent/DeleteLinkModal.tsx
index a2b123c..1a3a476 100644
--- a/components/ModalContent/DeleteLinkModal.tsx
+++ b/components/ModalContent/DeleteLinkModal.tsx
@@ -15,7 +15,6 @@ export default function DeleteLinkModal({ onClose, activeLink }: Props) {
useState(activeLink);
const { removeLink } = useLinkStore();
- const [submitLoader, setSubmitLoader] = useState(false);
const router = useRouter();
diff --git a/components/ModalContent/EditCollectionSharingModal.tsx b/components/ModalContent/EditCollectionSharingModal.tsx
index f54a3ed..9a73d5b 100644
--- a/components/ModalContent/EditCollectionSharingModal.tsx
+++ b/components/ModalContent/EditCollectionSharingModal.tsx
@@ -234,11 +234,8 @@ export default function EditCollectionSharingModal({
: undefined;
return (
- <>
-
+
+
@@ -433,7 +430,7 @@ export default function EditCollectionSharingModal({
-
+
);
})}