Add PE connect button when PE connected

gip-inclusion · Jun 30, 2023 · f6a05fb · f6a05fb
1 parent 3a2da05
commit f6a05fb
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/front/src/app/components/forms/convention/sections/beneficiary/BeneficiaryFormSection.tsx b/front/src/app/components/forms/convention/sections/beneficiary/BeneficiaryFormSection.tsx
@@ -37,9 +37,7 @@ export const BeneficiaryFormSection = ({
   const hasCurrentEmployer = useAppSelector(
     conventionSelectors.hasCurrentEmployer,
   );
-  const isSuccessfullyPeConnected = useAppSelector(
-    authSelectors.isSuccessfullyPeConnected,
-  );
+  const isSuccessfullyPeConnected = useAppSelector(authSelectors.isPeConnected);
   const connectedUser = useAppSelector(authSelectors.connectedUser);
   const userFieldsAreFilled = isSuccessfullyPeConnected && !!connectedUser;
   const { register, getValues, setValue, formState } =

diff --git a/front/src/app/components/layout/ImmersionHeader.tsx b/front/src/app/components/layout/ImmersionHeader.tsx
@@ -14,6 +14,8 @@ import { useAppSelector } from "src/app/hooks/reduxHooks";
 import { routes, useRoute } from "src/app/routes/routes";
 import { adminSelectors } from "src/core-logic/domain/admin/admin.selectors";
 import { adminAuthSlice } from "src/core-logic/domain/admin/adminAuth/adminAuth.slice";
+import { authSelectors } from "src/core-logic/domain/auth/auth.selectors";
+import { authSlice } from "src/core-logic/domain/auth/auth.slice";
 
 import immersionFacileLightLogo from "/assets/img/logo-if.svg";
 import immersionFacileDarkLogo from "/assets/img/logo-if-dark.svg";
@@ -43,6 +45,7 @@ export const ImmersionHeader = () => {
   } = domElementIds.header.navLinks;
 
   const isAdminConnected = useAppSelector(adminSelectors.auth.isAuthenticated);
+  const isPeConnected = useAppSelector(authSelectors.isPeConnected);
   const tools: HeaderProps["quickAccessItems"] = [headerFooterDisplayItem];
   if (isAdminConnected) {
     tools.push({
@@ -53,6 +56,16 @@ export const ImmersionHeader = () => {
       },
     });
   }
+  if (isPeConnected) {
+    tools.push({
+      iconId: "fr-icon-lock-line",
+      text: "Se déconnecter (PE Connect)",
+      buttonProps: {
+        onClick: () =>
+          dispatch(authSlice.actions.federatedIdentityDeletionTriggered),
+      },
+    });
+  }
   const isCandidateRoute =
     currentRoute.name === routes.search().name ||
     currentRoute.name === routes.homeCandidates().name;

diff --git a/front/src/core-logic/domain/auth/auth.selectors.ts b/front/src/core-logic/domain/auth/auth.selectors.ts
@@ -7,7 +7,7 @@ const currentFederatedIdentity = createRootSelector(
   (state) => state.auth.federatedIdentityWithUser,
 );
 
-const isSuccessfullyPeConnected = createSelector(
+const isPeConnected = createSelector(
   currentFederatedIdentity,
   (federatedIdentity) =>
     federatedIdentity?.provider === "peConnect" &&
@@ -45,7 +45,7 @@ const connectedUser = createSelector(
 
 export const authSelectors = {
   federatedIdentity: currentFederatedIdentity,
-  isSuccessfullyPeConnected,
+  isPeConnected,
   isInclusionConnected,
   inclusionConnectToken,
   connectedUser,