4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

rewording

Browse Source
This commit is contained in:
Maxime Lalo 2024-07-19 13:06:07 +02:00
parent 1bdaa77247
commit c7f89b5c6b
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/front/Components/Layouts/Folder/CreateFolder/index.tsx
View File

@ -27,9 +27,9 @@ export default function CreateFolder(): JSX.Element {
/** /**
* State * 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 [availableDeedTypes, setAvailableDeedTypes] = useState<DeedType[]>([]);
const [collaborators, setCollaborators] = useState<User[]>([]); const [availableCollaborators, setAvailableCollaborators] = useState<User[]>([]);
const [validationError, setValidationError] = useState<ValidationError[]>([]); const [validationError, setValidationError] = useState<ValidationError[]>([]);
const [selectedCollaborators, setSelectedCollaborators] = useState<User[]>([]); const [selectedCollaborators, setSelectedCollaborators] = useState<User[]>([]);
@ -63,7 +63,7 @@ export default function CreateFolder(): JSX.Element {
uid: officeId, uid: officeId,
}), }),
customers: [], customers: [],
stakeholders: folderAccess === "whole_office" ? collaborators : selectedCollaborators, stakeholders: folderAccessType === "whole_office" ? availableCollaborators : selectedCollaborators,
}); });
try { try {
@ -85,10 +85,12 @@ export default function CreateFolder(): JSX.Element {
}; };
const radioOnChange = (e: React.ChangeEvent<HTMLInputElement>) => 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 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); setSelectedCollaborators(selectedCollaborators);
}; };
@ -105,7 +107,7 @@ export default function CreateFolder(): JSX.Element {
include: { contact: true }, include: { contact: true },
}) })
.then((users) => { .then((users) => {
setCollaborators(users); setAvailableCollaborators(users);
setSelectedCollaborators(users); setSelectedCollaborators(users);
}); });
}, []); }, []);
@ -167,11 +169,11 @@ export default function CreateFolder(): JSX.Element {
Sélectionner certains collaborateurs Sélectionner certains collaborateurs
</RadioBox> </RadioBox>
</div> </div>
{folderAccess === "select_collaborators" && ( {folderAccessType === "select_collaborators" && (
<div className={classes["collaborators-container"]}> <div className={classes["collaborators-container"]}>
<MultiSelect <MultiSelect
options={ options={
collaborators.map((collaborator) => ({ availableCollaborators.map((collaborator) => ({
label: collaborator.contact?.last_name.concat(" ", collaborator.contact.first_name), label: collaborator.contact?.last_name.concat(" ", collaborator.contact.first_name),
value: collaborator.uid, value: collaborator.uid,
})) as IOption[] })) as IOption[]