feat(admin): show visible / not visible badge on remote agency summar…

…y card
SocialGouv · Aug 30, 2024 · 77cf1cb · 77cf1cb
1 parent ef0f07d
commit 77cf1cb
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 8 deletions.
diff --git a/.../reva-admin-react/src/app/(aap)/agencies-settings-v3/_components/agenciesSettings.hook.ts b/.../reva-admin-react/src/app/(aap)/agencies-settings-v3/_components/agenciesSettings.hook.ts
@@ -7,8 +7,10 @@ const AgenciesSettingsInfoQuery = graphql(`
   query getAgenciesSettingsInfo {
     account_getAccountForConnectedUser {
       organism {
+        id
         isOnSite
         isRemote
+        isVisibleInCandidateSearchResults
         accounts {
           id
           firstname
@@ -17,6 +19,11 @@ const AgenciesSettingsInfoQuery = graphql(`
         }
         maisonMereAAP {
           statutValidationInformationsJuridiquesMaisonMereAAP
+          organisms {
+            id
+            isRemote
+            isVisibleInCandidateSearchResults
+          }
         }
       }
     }
@@ -38,6 +45,7 @@ export const useAgenciesSettings = () => {
 
   const organism =
     agenciesSettingsResponse?.account_getAccountForConnectedUser?.organism;
+
   return {
     agenciesSettingsResponse,
     agenciesSettingsStatus,

diff --git a/packages/reva-admin-react/src/app/(aap)/agencies-settings-v3/page.tsx b/packages/reva-admin-react/src/app/(aap)/agencies-settings-v3/page.tsx
@@ -3,6 +3,7 @@ import { EnhancedSectionCard } from "@/components/card/enhanced-section-card/Enh
 import { SmallNotice } from "@/components/small-notice/SmallNotice";
 import { useAgenciesSettings } from "./_components/agenciesSettings.hook";
 import { useAuth } from "@/components/auth/auth";
+import Badge from "@codegouvfr/react-dsfr/Badge";
 
 const AgenciesSettingsPage = () => {
   const { maisonMereAAP, organism } = useAgenciesSettings();
@@ -11,6 +12,11 @@ const AgenciesSettingsPage = () => {
     maisonMereAAP?.statutValidationInformationsJuridiquesMaisonMereAAP ===
     "A_JOUR";
   const isCollaboratorsEditable = isGeneralInformationCompleted;
+
+  const remoteAgency = organism?.isRemote
+    ? organism
+    : maisonMereAAP?.organisms.find((o) => o.isRemote);
+
   return (
     <div className="flex flex-col w-full">
       <h1>Paramètres</h1>
@@ -29,14 +35,28 @@ const AgenciesSettingsPage = () => {
             titleIconClass="fr-icon-information-fill"
           />
         )}
-        {(isGestionnaireMaisonMereAAP || organism?.isRemote === true) && (
-          <EnhancedSectionCard
-            title="Accompagnement à distance"
-            buttonOnClickHref="/agencies-settings-v3/remote"
-            isEditable={isGestionnaireMaisonMereAAP}
-            titleIconClass="fr-icon-headphone-fill"
-          />
-        )}
+        {remoteAgency &&
+          (isGestionnaireMaisonMereAAP || organism?.isRemote) && (
+            <EnhancedSectionCard
+              title="Accompagnement à distance"
+              buttonOnClickHref={`/agencies-settings-v3/organisms/${remoteAgency.id}/remote`}
+              isEditable={true}
+              titleIconClass="fr-icon-headphone-fill"
+            >
+              <Badge
+                severity={
+                  remoteAgency.isVisibleInCandidateSearchResults
+                    ? "success"
+                    : "error"
+                }
+              >
+                {remoteAgency.isVisibleInCandidateSearchResults
+                  ? "Visible"
+                  : "Invisible"}
+              </Badge>
+            </EnhancedSectionCard>
+          )}
+
         {isGestionnaireMaisonMereAAP && (
           <EnhancedSectionCard
             title="Accompagnement en présentiel"