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

✨ Admin office role add/remove

Browse Source
This commit is contained in:
Maxime Lalo 2023-07-25 16:50:16 +02:00
parent 5b2126460f
commit 406ebeb2cc
1 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/front/Components/Layouts/Collaborators/CollaboratorInformations/index.tsx
View File

@ -26,7 +26,7 @@ export default function CollaboratorInformations(props: IProps) {
const [roleModalOpened, setRoleModalOpened] = useState<boolean>(false); const [roleModalOpened, setRoleModalOpened] = useState<boolean>(false);
const [adminModalOpened, setAdminModalOpened] = useState<boolean>(false); const [adminModalOpened, setAdminModalOpened] = useState<boolean>(false);
const [adminRoleType, setAdminRoleType] = useState<"add" | "remove">("add");
const [selectedOption, setSelectedOption] = useState<IOption | null>(null); const [selectedOption, setSelectedOption] = useState<IOption | null>(null);
const handleRoleChange = useCallback((option: IOption) => { const handleRoleChange = useCallback((option: IOption) => {
@ -56,25 +56,31 @@ export default function CollaboratorInformations(props: IProps) {
}, [selectedOption, userSelected]); }, [selectedOption, userSelected]);
const changeAdmin = useCallback(async () => { const changeAdmin = useCallback(async () => {
const adminRole = await Roles.getInstance().getOne({ if (adminRoleType === "add") {
where: { const adminRole = await Roles.getInstance().getOne({
name: "admin", where: {
}, name: "admin",
}); },
});
if (!adminRole) return; if (!adminRole) return;
await Users.getInstance().put( await Users.getInstance().put(
userSelected?.uid as string, userSelected?.uid as string,
User.hydrate<User>({ User.hydrate<User>({
uid: userSelected?.uid as string, uid: userSelected?.uid as string,
office_role: undefined, office_role: undefined,
role: adminRole, role: adminRole,
}), }),
); );
} else {
// retirer rôle admin
}
setRoleModalOpened(false); setRoleModalOpened(false);
}, [userSelected]); }, [adminRoleType, userSelected]);
const openAdminModal = useCallback(() => { const openAdminModal = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
if (e.target.checked) setAdminRoleType("add");
else setAdminRoleType("remove");
setAdminModalOpened(true); setAdminModalOpened(true);
}, []); }, []);
@ -189,7 +195,7 @@ export default function CollaboratorInformations(props: IProps) {
cancelText={"Annuler"}> cancelText={"Annuler"}>
<div className={classes["modal-content"]}> <div className={classes["modal-content"]}>
<Typography typo={ITypo.P_16} className={classes["text"]}> <Typography typo={ITypo.P_16} className={classes["text"]}>
Attributer le rôle de <span className={classes["role-name"]}>{selectedOption?.label}</span> à{" "} Attribuer le rôle de <span className={classes["role-name"]}>{selectedOption?.label}</span> à{" "}
{userSelected?.contact?.first_name} {userSelected?.contact?.last_name} ? {userSelected?.contact?.first_name} {userSelected?.contact?.last_name} ?
</Typography> </Typography>
</div> </div>
@ -204,7 +210,8 @@ export default function CollaboratorInformations(props: IProps) {
cancelText={"Annuler"}> cancelText={"Annuler"}>
<div className={classes["modal-content"]}> <div className={classes["modal-content"]}>
<Typography typo={ITypo.P_16} className={classes["text"]}> <Typography typo={ITypo.P_16} className={classes["text"]}>
Attributer le rôle d'administrateur à {userSelected?.contact?.first_name} {userSelected?.contact?.last_name} ? {adminRoleType === "add" ? "Attribuer" : "Retirer"} le rôle d'administrateur à{" "}
{userSelected?.contact?.first_name} {userSelected?.contact?.last_name} ?
</Typography> </Typography>
</div> </div>
</Confirm> </Confirm>