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
*/
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[]