fix: handle promise rejection in ExternalFluxAppDetails and remove duplicate initTimer declaration

Author: AbhishekA1509

src/Pages/App/Details/ExternalFlux/ExternalFluxAppDetails.tsx

@@ -69,9 +69,12 @@ const ExternalFluxAppDetails = () => {
         setAppDetailsError(null)
     }
 
+    /**
+     * Throws error in case request is aborted
+     */
     const handleFetchExternalFluxCDAppDetails = () =>
         // NOTE: returning a promise so that we can trigger the next timeout after this api call completes
-        new Promise<void>((resolve) => {
+        new Promise<void>((resolve, reject) => {
             setIsReloadResourceTreeInProgress(true)
 
             abortPreviousRequests(
@@ -87,6 +90,8 @@ const ExternalFluxAppDetails = () => {
                         } else {
                             setAppDetailsError(error)
                         }
+                    } else {
+                        reject(error)
                     }
                 })
                 .finally(() => {
@@ -107,7 +112,11 @@ const ExternalFluxAppDetails = () => {
     }
 
     const handleReloadResourceTree = async () => {
-        await handleFetchExternalFluxCDAppDetails()
+        try {
+            await handleFetchExternalFluxCDAppDetails()
+        } catch {
+            // do nothing
+        }
     }
 
     useEffect(() => {

src/components/externalArgoApps/ExternalArgoAppDetail.tsx

@@ -32,14 +32,15 @@ import { AppDetails, AppType } from '../v2/appDetails/appDetails.type'
 import IndexStore from '../v2/appDetails/index.store'
 import { ExternalArgoAppDetailType } from './externalArgoApp.type'
 
+let initTimer = null
+
 const ExternalArgoAppDetail = ({ appName, clusterId, isExternalApp, namespace }: ExternalArgoAppDetailType) => {
     const location = useLocation()
     const history = useHistory()
     const [isLoading, setIsLoading] = useState(true)
     const [isReloadResourceTreeInProgress, setIsReloadResourceTreeInProgress] = useState(false)
     const [errorResponseCode, setErrorResponseCode] = useState(undefined)
 
-    let initTimer = null
     let isAPICallInProgress = false
 
     const abortControllerRef = useRef<AbortController>(new AbortController())

src/components/v2/appDetails/ea/EAAppDetail.component.tsx

@@ -40,6 +40,8 @@ import { getExternalLinks } from '../../../externalLinks/ExternalLinks.service'
 import { ExternalLinkIdentifierType, ExternalLinksAndToolsType } from '../../../externalLinks/ExternalLinks.type'
 import { sortByUpdatedOn } from '../../../externalLinks/ExternalLinks.utils'
 
+let initTimer = null
+
 const ExternalAppDetail = ({ appId, appName, isExternalApp }) => {
     const location = useLocation()
     const history = useHistory()
@@ -53,7 +55,6 @@ const ExternalAppDetail = ({ appId, appName, isExternalApp }) => {
 
     const abortControllerRef = useRef<AbortController>(new AbortController())
 
-    let initTimer = null
     let isAPICallInProgress = false
 
     // component load