From 700615b2fa550fc3949682090aa370fd5746f260 Mon Sep 17 00:00:00 2001
From: Gabriel Hernandez <ghernandez345@gmail.com>
Date: Thu, 20 Jul 2023 16:59:49 +0100
Subject: [PATCH] fix for not showing APCP page properly (#12862)

relates to #12827

quick fix to show the Apple MDM page information correctly. The issue
was that we needed to add the `enabled` option to the react query call
to show the data properly.
---
 .../MdmSettings/MacOSMdmPage/MacOSMdmPage.tsx      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/MacOSMdmPage/MacOSMdmPage.tsx b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/MacOSMdmPage/MacOSMdmPage.tsx
index 761e37901f..fdd1e6f226 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/MacOSMdmPage/MacOSMdmPage.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/MacOSMdmPage/MacOSMdmPage.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useContext, useState } from "react";
 import { useQuery } from "react-query";
 import { AxiosError } from "axios";
 
@@ -6,6 +6,7 @@ import PATHS from "router/paths";
 import mdmAppleAPI from "services/entities/mdm_apple";
 import { IMdmApple } from "interfaces/mdm";
 import { readableDate } from "utilities/helpers";
+import { AppContext } from "context/app";
 
 import BackLink from "components/BackLink";
 import MainContent from "components/MainContent";
@@ -112,6 +113,7 @@ const ApplePushCertificatePortalSetupInfo = ({
 };
 
 const MacOSMdmPage = () => {
+  const { config } = useContext(AppContext);
   const [showRequestCSRModal, setShowRequestCSRModal] = useState(false);
 
   // Currently the status of this API call is what determines various UI states on
@@ -121,8 +123,14 @@ const MacOSMdmPage = () => {
     data: appleAPNInfo,
     isLoading: isLoadingMdmApple,
     error: errorMdmApple,
-  } = useQuery<IMdmApple, AxiosError, IMdmApple>(["appleAPNInfo"], () =>
-    mdmAppleAPI.getAppleAPNInfo()
+  } = useQuery<IMdmApple, AxiosError, IMdmApple>(
+    ["appleAPNInfo"],
+    () => mdmAppleAPI.getAppleAPNInfo(),
+    {
+      retry: (tries, error) => error.status !== 404 && tries <= 3,
+      enabled: config?.mdm.enabled_and_configured,
+      staleTime: 5000,
+    }
   );
 
   const toggleRequestCSRModal = () => {