diff --git a/front/src/app/components/agency/AgencyUserModificationForm.tsx b/front/src/app/components/agency/AgencyUserModificationForm.tsx index b9d4343052..3550412f5e 100644 --- a/front/src/app/components/agency/AgencyUserModificationForm.tsx +++ b/front/src/app/components/agency/AgencyUserModificationForm.tsx @@ -151,7 +151,7 @@ export const AgencyUserModificationForm = ({ setValue("isNotifiedByEmail", !values.isNotifiedByEmail, { diff --git a/front/src/app/components/agency/AgencyUsers.tsx b/front/src/app/components/agency/AgencyUsers.tsx index 7365f54daa..22367ed63a 100644 --- a/front/src/app/components/agency/AgencyUsers.tsx +++ b/front/src/app/components/agency/AgencyUsers.tsx @@ -19,6 +19,7 @@ import { AgencyUserModificationForm } from "src/app/components/agency/AgencyUser import { useAppSelector } from "src/app/hooks/reduxHooks"; import { icUsersAdminSelectors } from "src/core-logic/domain/admin/icUsersAdmin/icUsersAdmin.selectors"; import { icUsersAdminSlice } from "src/core-logic/domain/admin/icUsersAdmin/icUsersAdmin.slice"; +import { featureFlagSelectors } from "src/core-logic/domain/featureFlags/featureFlags.selector"; import { feedbackSlice } from "src/core-logic/domain/feedback/feedback.slice"; import { v4 as uuidV4 } from "uuid"; import { Feedback } from "../feedback/Feedback"; @@ -37,6 +38,12 @@ export const agencyRoleToDisplay: Record< AgencyRole, AgencyDisplayedRoleAndClass > = { + "agency-admin": { + label: "Administrateur", + className: "fr-badge--green-emeraude", + description: + "Peut modifier les informations de l'organisme, ajouter et supprimer des utilisateurs, modifier leur rôles, consulter les conventions.", + }, "to-review": { label: "À valider", className: "fr-badge--yellow-tournesol", @@ -54,12 +61,6 @@ export const agencyRoleToDisplay: Record< description: "Peut pré-valider les conventions de l'agence et modifier leur statut.", }, - "agency-admin": { - label: "Administrateur", - className: "fr-badge--green-emeraude", - description: - "Peut modifier les informations de l'organisme, ajouter et supprimer des utilisateurs, modifier leur rôles, consulter les conventions.", - }, "agency-viewer": { label: "Lecteur", className: "fr-badge--blue-cumulus", @@ -80,6 +81,9 @@ const removeUserModal = createModal({ }); export const AgencyUsers = ({ agency }: AgencyUsersProperties) => { + const { enableProConnect } = useAppSelector( + featureFlagSelectors.featureFlagState, + ); const agencyUsers = useAppSelector(icUsersAdminSelectors.agencyUsers); const dispatch = useDispatch(); @@ -89,6 +93,8 @@ export const AgencyUsers = ({ agency }: AgencyUsersProperties) => { const [mode, setMode] = useState(null); + const provider = enableProConnect ? "ProConnect" : "Inclusion Connect"; + return ( <>
Utilisateurs
@@ -214,12 +220,24 @@ export const AgencyUsers = ({ agency }: AgencyUsersProperties) => { } > {selectedUserData && mode && ( - manageUserModal.close()} - mode={mode} - agency={agency} - /> + <> +
+ Informations personnelles +
+

+ {selectedUserData.isIcUser + ? `Pour modifier ses informations personnelles, l'utilisateur doit passer par son compte ${provider} créé avec l'email ${selectedUserData.email}` + : `Pour ajouter un nom, prénom et mot de passe, l'utilisateur doit se créer un compte + via ${provider}, avec l'email ${selectedUserData.email}. + Nous vous déconseillons de créer un compte pour les boites génériques pour conserver la traçabilité des actions sur les demandes de conventions d'immersion.`} +

+ manageUserModal.close()} + mode={mode} + agency={agency} + /> + )} , document.body,