Merge pull request #274 from FromDoppler/doi-2344-hide-menu-send-rfm-ready

Do not use hidenavbar function, send rfm ready

Author: emoralesms

src/components/Rfm/index.jsx

@@ -5,9 +5,6 @@ import { useUpdateRfmSettings } from "../../queries/doppler-legacy-queries";
 import { useGetIntegrationStatus } from "../../queries/integrations-api-queries";
 import Button from "../ui/Button";
 import { LoadingScreen } from "../application";
-import { hideNavBar } from "../../utils";
-
-hideNavBar();
 
 export const RFM = ({ integration, idThirdPartyApp }) => {
   const intl = useIntl();
@@ -28,6 +25,11 @@ export const RFM = ({ integration, idThirdPartyApp }) => {
     period: 120,
   });
 
+  useEffect(() => {
+    window.displayDopplerNavBar(false);
+    window.parent.postMessage({ type: "rfmReady" }, "*");
+  }, []);
+
   const { mutate: updateRfmSettings, isLoading: updatingMutation } =
     useUpdateRfmSettings();
 

src/utils/index.tsx

@@ -78,12 +78,3 @@ export const sanitizeDateStringToIsoFormat = (dateString: string) => {
 
 export const capitalize = (text: string): string =>
   text ? text.charAt(0).toUpperCase() + text.slice(1) : "";
-
-export function hideNavBar(): void {
-  const intervalId = setInterval(() => {
-    if (window.displayDopplerNavBar) {
-      window.displayDopplerNavBar(false);
-      clearInterval(intervalId);
-    }
-  }, 50);
-}