From c7f89b5c6b82c0f079bd976d76a5e793acd6935d Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Fri, 19 Jul 2024 13:06:07 +0200
Subject: [PATCH] rewording

---
 .../Layouts/Folder/CreateFolder/index.tsx      | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
index 7f0d2356..d9493958 100644
--- a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
+++ b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
@@ -27,9 +27,9 @@ export default function CreateFolder(): JSX.Element {
 	/**
 	 * State
 	 */
-	const [folderAccess, setFolderAccess] = useState<"whole_office" | "select_collaborators">("whole_office");
+	const [folderAccessType, setFolderAccessType] = useState<"whole_office" | "select_collaborators">("whole_office");
 	const [availableDeedTypes, setAvailableDeedTypes] = useState<DeedType[]>([]);
-	const [collaborators, setCollaborators] = useState<User[]>([]);
+	const [availableCollaborators, setAvailableCollaborators] = useState<User[]>([]);
 	const [validationError, setValidationError] = useState<ValidationError[]>([]);
 	const [selectedCollaborators, setSelectedCollaborators] = useState<User[]>([]);
 
@@ -63,7 +63,7 @@ export default function CreateFolder(): JSX.Element {
 				uid: officeId,
 			}),
 			customers: [],
-			stakeholders: folderAccess === "whole_office" ? collaborators : selectedCollaborators,
+			stakeholders: folderAccessType === "whole_office" ? availableCollaborators : selectedCollaborators,
 		});
 
 		try {
@@ -85,10 +85,12 @@ export default function CreateFolder(): JSX.Element {
 	};
 
 	const radioOnChange = (e: React.ChangeEvent<HTMLInputElement>) =>
-		setFolderAccess(e.target.value as "whole_office" | "select_collaborators");
+		setFolderAccessType(e.target.value as "whole_office" | "select_collaborators");
 
 	const onSelectedCollaboratorsChange = (values: MultiValue<IOption>) => {
-		const selectedCollaborators = collaborators.filter((collaborator) => values.some((value) => value.value === collaborator.uid));
+		const selectedCollaborators = availableCollaborators.filter((collaborator) =>
+			values.some((value) => value.value === collaborator.uid),
+		);
 		setSelectedCollaborators(selectedCollaborators);
 	};
 
@@ -105,7 +107,7 @@ export default function CreateFolder(): JSX.Element {
 				include: { contact: true },
 			})
 			.then((users) => {
-				setCollaborators(users);
+				setAvailableCollaborators(users);
 				setSelectedCollaborators(users);
 			});
 	}, []);
@@ -167,11 +169,11 @@ export default function CreateFolder(): JSX.Element {
 								Sélectionner certains collaborateurs
 							</RadioBox>
 						</div>
-						{folderAccess === "select_collaborators" && (
+						{folderAccessType === "select_collaborators" && (
 							<div className={classes["collaborators-container"]}>
 								<MultiSelect
 									options={
-										collaborators.map((collaborator) => ({
+										availableCollaborators.map((collaborator) => ({
 											label: collaborator.contact?.last_name.concat(" ", collaborator.contact.first_name),
 											value: collaborator.uid,
 										})) as IOption[]