From 71873a900173f495d0c30b0112db75aceec002c0 Mon Sep 17 00:00:00 2001
From: Max S <maxime.sallerin@smart-chain.fr>
Date: Thu, 12 Sep 2024 12:14:33 +0200
Subject: [PATCH] :sparkles: add loader when sending documents

---
 src/front/Components/Layouts/Folder/SendDocuments/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/front/Components/Layouts/Folder/SendDocuments/index.tsx b/src/front/Components/Layouts/Folder/SendDocuments/index.tsx
index 2ad4c75d..0449d17e 100644
--- a/src/front/Components/Layouts/Folder/SendDocuments/index.tsx
+++ b/src/front/Components/Layouts/Folder/SendDocuments/index.tsx
@@ -29,6 +29,7 @@ export default function SendDocuments() {
 	const [clientSelection, setClientSelection] = useState<EClientSelection | null>(null);
 	const [selectedClients, setSelectedClients] = useState<string[]>([]);
 	const [files, setFiles] = useState<File[]>([]);
+	const [isSending, setIsSending] = useState(false);
 
 	const onFormSubmit = useCallback(
 		async (
@@ -43,6 +44,7 @@ export default function SendDocuments() {
 			}
 
 			try {
+				setIsSending(true);
 				await Promise.all(
 					selectedClients.map(async (customer) => {
 						const promises = files.map(async (file) => {
@@ -65,8 +67,10 @@ export default function SendDocuments() {
 						.get()
 						.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", folderUid as string),
 				);
+				setIsSending(false);
 				console.log("All files have been successfully sent.");
 			} catch (error) {
+				setIsSending(false);
 				console.error("Error while sending files: ", error);
 			}
 		},
@@ -179,7 +183,7 @@ export default function SendDocuments() {
 										Annuler
 									</Button>
 								</a>
-								<Button type="submit" rightIcon={<PaperAirplaneIcon />}>
+								<Button type="submit" rightIcon={<PaperAirplaneIcon />} isLoading={isSending}>
 									Envoyer
 								</Button>
 							</div>