Skip to content

Commit

Permalink
feat(admin-react):tune AAP summary page logic to depend on the user's…
Browse files Browse the repository at this point in the history
… role
  • Loading branch information
pierreavizou committed Aug 29, 2024
1 parent f59d5f5 commit 9da2438
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 24 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,12 @@ const AgenciesSettingsInfoQuery = graphql(`
organism {
isOnSite
isRemote
accounts {
id
firstname
lastname
email
}
maisonMereAAP {
statutValidationInformationsJuridiquesMaisonMereAAP
}
Expand All @@ -29,7 +35,7 @@ export const useAgenciesSettings = () => {
const maisonMereAAP =
agenciesSettingsResponse?.account_getAccountForConnectedUser?.organism
?.maisonMereAAP;
0;

const organism =
agenciesSettingsResponse?.account_getAccountForConnectedUser?.organism;
return {
Expand Down
80 changes: 57 additions & 23 deletions packages/reva-admin-react/src/app/(aap)/agencies-settings/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,13 @@ import { EnhancedSectionCard } from "@/components/card/enhanced-section-card/Enh
import { useFeatureflipping } from "@/components/feature-flipping/featureFlipping";
import { SmallNotice } from "@/components/small-notice/SmallNotice";
import { useAgenciesSettings } from "./_components/agenciesSettings.hook";
import { useAuth } from "@/components/auth/auth";

const AgenciesSettingsPage = () => {
const { isFeatureActive } = useFeatureflipping();
const isSettingsEnabled = isFeatureActive("AAP_SETTINGS_V3");
const { maisonMereAAP, organism } = useAgenciesSettings();
const { isGestionnaireMaisonMereAAP } = useAuth();
if (!isSettingsEnabled) {
return null;
}
Expand All @@ -34,29 +36,48 @@ const AgenciesSettingsPage = () => {
buttonOnClickHref="/agencies-settings/general-information"
titleIconClass="fr-icon-information-fill"
/>
<EnhancedSectionCard
title="Accompagnement à distance"
status={isRemoteCompleted ? "COMPLETED" : "TO_COMPLETE"}
isEditable={!isOnSiteCompleted}
buttonOnClickHref="/agencies-settings/remote"
titleIconClass="fr-icon-headphone-fill"
disabled={isOnSiteCompleted}
/>
<EnhancedSectionCard
title="Accompagnement en présentiel"
status={isOnSiteCompleted ? "COMPLETED" : "TO_COMPLETE"}
isEditable={!isRemoteCompleted}
buttonOnClickHref="/agencies-settings/on-site"
titleIconClass="fr-icon-home-4-fill"
disabled={isRemoteCompleted}
>
<p className="md:w-4/5">
Vous avez des collaborateurs qui font des accompagnements en
présentiel ? Ajoutez les lieux d'accueil dans lesquels se rendront
les candidats.
</p>
</EnhancedSectionCard>
<EnhancedSectionCard
{(isGestionnaireMaisonMereAAP || organism?.isRemote === true) && (
<EnhancedSectionCard
title="Accompagnement à distance"
status={isRemoteCompleted ? "COMPLETED" : "TO_COMPLETE"}
isEditable={!isOnSiteCompleted}
buttonOnClickHref="/agencies-settings/remote"
titleIconClass="fr-icon-headphone-fill"
disabled={isOnSiteCompleted}
/>
)}
{isGestionnaireMaisonMereAAP && (
<EnhancedSectionCard
title="Accompagnement en présentiel"
status={isOnSiteCompleted ? "COMPLETED" : "TO_COMPLETE"}
isEditable={isRemoteCompleted}
buttonOnClickHref="/agencies-settings/on-site"
titleIconClass="fr-icon-home-4-fill"
disabled={!isRemoteCompleted}
>
<p className="md:w-4/5">
Vous avez des collaborateurs qui font des accompagnements en
présentiel ? Ajoutez les lieux d'accueil dans lesquels se rendront
les candidats.
</p>
</EnhancedSectionCard>
)}
{!isGestionnaireMaisonMereAAP && organism?.isRemote === false && (
<EnhancedSectionCard
title="Accompagnement en présentiel"
status={isOnSiteCompleted ? "COMPLETED" : "TO_COMPLETE"}
isEditable={false}
buttonOnClickHref="/agencies-settings/on-site"
titleIconClass="fr-icon-home-4-fill"
>
<p className="md:w-4/5">
Ici le lieu d'accueil et son statut de visibilité
</p>
</EnhancedSectionCard>
)}

{isGestionnaireMaisonMereAAP ? (
<EnhancedSectionCard
title="Comptes collaborateurs"
isEditable={isCollaboratorsEditable}
disabled={!isCollaboratorsEditable}
Expand All @@ -78,6 +99,19 @@ const AgenciesSettingsPage = () => {
</SmallNotice>
)}
</EnhancedSectionCard>
) : (
<EnhancedSectionCard
title="Informations de connexion"
isEditable={false}
titleIconClass="fr-icon-team-fill"
CustomBadge={<div />}
status="COMPLETED"
>
<p className="md:w-4/5">
Ici les informations de connexion du collaborateur actuellement connecté
</p>
</EnhancedSectionCard>
)}
</div>
</div>
);
Expand Down

0 comments on commit 9da2438

Please sign in to comment.