refactor(candidate): enhance feature flipping integration in actualisation and contestation pages

Author: ThomasDos

packages/reva-candidate/src/app/(candidate)/actualisation/page.tsx

@@ -79,7 +79,8 @@ const HasBeenUpdatedComponent = ({
 
 export default function ActualisationPage() {
   const [hasBeenUpdated, setHasBeenUpdated] = useState(false);
-  const { isFeatureActive } = useFeatureFlipping();
+  const { isFeatureActive, status: featureFlippingStatus } =
+    useFeatureFlipping();
   const router = useRouter();
   const candidacyActualisationFeatureIsActive = isFeatureActive(
     "candidacy_actualisation",
@@ -133,7 +134,10 @@ export default function ActualisationPage() {
 
   useEffect(resetForm, [resetForm]);
 
-  if (!candidacyActualisationFeatureIsActive) {
+  if (
+    !candidacyActualisationFeatureIsActive &&
+    featureFlippingStatus === "INITIALIZED"
+  ) {
     router.push("/");
     return null;
   }

packages/reva-candidate/src/app/(candidate)/contestation/page.tsx

@@ -74,7 +74,8 @@ const HasContestedComponent = () => {
 export default function ContestationPage() {
   const [hasContested, setHasContested] = useState(false);
   const router = useRouter();
-  const { isFeatureActive } = useFeatureFlipping();
+  const { isFeatureActive, status: featureFlippingStatus } =
+    useFeatureFlipping();
   const candidacyActualisationFeatureIsActive = isFeatureActive(
     "candidacy_actualisation",
   );
@@ -128,7 +129,10 @@ export default function ContestationPage() {
 
   useEffect(resetForm, [resetForm]);
 
-  if (!candidacyActualisationFeatureIsActive) {
+  if (
+    !candidacyActualisationFeatureIsActive &&
+    featureFlippingStatus === "INITIALIZED"
+  ) {
     router.push("/");
     return null;
   }

packages/reva-candidate/src/components/feature-flipping/featureFlipping.tsx

@@ -1,9 +1,9 @@
-import { graphql } from "@/graphql/generated";
-import { create } from "zustand";
+import { useKeycloakContext } from "@/components/auth/keycloak.context";
 import { useGraphQlClient } from "@/components/graphql/graphql-client/GraphqlClient";
+import { graphql } from "@/graphql/generated";
 import { GraphQLClient } from "graphql-request";
-import { useKeycloakContext } from "@/components/auth/keycloak.context";
 import { useEffect } from "react";
+import { create } from "zustand";
 
 const activeFeaturesQuery = graphql(`
   query activeFeaturesForConnectedUser {
@@ -34,7 +34,8 @@ const useFeatureFlippingStore = create<{
 }));
 
 export const useFeatureFlipping = () => {
-  const { activeFeatures, isFeatureActive, init } = useFeatureFlippingStore();
+  const { activeFeatures, isFeatureActive, init, status } =
+    useFeatureFlippingStore();
   const { graphqlClient } = useGraphQlClient();
   const { authenticated } = useKeycloakContext();
 
@@ -44,5 +45,5 @@ export const useFeatureFlipping = () => {
     }
   }, [authenticated, graphqlClient, init]);
 
-  return { activeFeatures, isFeatureActive };
+  return { activeFeatures, isFeatureActive, status };
 };