fix: Resolve unknown badge type (#3607)

* Resolve unknown badge type

* PR correction

* PR correction

* PR Correction

* Force update replicas

* PR correction

* PR correction

* PR correction

* PR correction

* PR correction

Author: KonradPietocha

src/components/Extensibility/ExtensibilityDetails.js

@@ -18,6 +18,8 @@ import {
 } from './helpers';
 import { useJsonata } from './hooks/useJsonata';
 import CustomResource from 'resources/CustomResourceDefinitions/CustomResources.details';
+import { useSetRecoilState } from 'recoil';
+import { resourcesConditions } from 'state/resourceConditionsAtom';
 
 export const ExtensibilityDetailsCore = ({
   resMetaData,
@@ -28,6 +30,7 @@ export const ExtensibilityDetailsCore = ({
   headerActions,
 }) => {
   const { t, widgetT, exists } = useGetTranslation();
+  const setResourcesConditions = useSetRecoilState(resourcesConditions);
   const { urlPath, resource, features, description: resourceDescription } =
     resMetaData?.general ?? {};
   let { disableEdit, disableDelete } = features?.actions || {};
@@ -78,6 +81,7 @@ export const ExtensibilityDetailsCore = ({
   const general = resMetaData?.general || {};
 
   const prepareVisibility = (def, resource) => {
+    setResourcesConditions(resource.status);
     const [visible, error] = jsonata(def.visibility, { resource }, true);
     return { visible, error };
   };

src/components/Extensibility/contexts/DataSources.tsx

@@ -1,12 +1,13 @@
 import pluralize from 'pluralize';
-import { createContext, useEffect, useRef, FC } from 'react';
+import { createContext, useEffect, useRef, FC, useState } from 'react';
 import { useRecoilValue } from 'recoil';
 
 import { useFetch } from 'shared/hooks/BackendAPI/useFetch';
 import { useObjectState } from 'shared/useObjectState';
 import jp from 'jsonpath';
 import { jsonataWrapper } from '../helpers/jsonataWrapper';
 import { activeNamespaceIdState } from 'state/activeNamespaceIdAtom';
+import { resourcesConditions } from 'state/resourceConditionsAtom';
 
 export interface Resource {
   metadata: {
@@ -83,10 +84,29 @@ export const DataSourcesContextProvider: FC<Props> = ({
   // refetch intervals
   const intervals = useRef<ReturnType<typeof setTimeout>[]>([]);
   const fallbackNamespace = useRecoilValue(activeNamespaceIdState);
+  const stateConditions = useRecoilValue(resourcesConditions);
+  const [refetchSource, setRefetchSource] = useState('');
+
+  const findUpdatedName = (conditionsArr: string[], storeArr: string[]) => {
+    return conditionsArr.find(item => storeArr.includes(item));
+  };
 
   // clear timeouts on component unmount
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => () => intervals.current.forEach(clearInterval), []);
+  useEffect(
+    () => () => {
+      const updatedSourceName = findUpdatedName(
+        Object.keys(stateConditions),
+        Object.keys(store),
+      );
+      if (updatedSourceName && !refetchSource) {
+        setRefetchSource(updatedSourceName);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [stateConditions, refetchSource],
+  );
 
   const buildUrl = (
     dataSource: DataSource,
@@ -179,6 +199,7 @@ export const DataSourcesContextProvider: FC<Props> = ({
     const dataSource = dataSources[dataSourceName];
 
     if (
+      refetchSource === dataSourceName ||
       !dataSourcesDict.current[dataSourceName] ||
       dataSourcesDict.current[dataSourceName].rootName !==
         resource?.metadata?.name ||
@@ -205,7 +226,9 @@ export const DataSourcesContextProvider: FC<Props> = ({
           REFETCH_INTERVAL,
         ),
       );
-
+      if (refetchSource) {
+        setRefetchSource('reFetched');
+      }
       return firstFetch;
     } else if (store?.[dataSourceName]?.loading) {
       return store?.[dataSourceName]?.firstFetch;

src/state/resourceConditionsAtom.ts

@@ -0,0 +1,8 @@
+import { atom, RecoilState } from 'recoil';
+
+const defaultValue: [] = [];
+
+export const resourcesConditions: RecoilState<[]> = atom<[]>({
+  key: 'resourcesConditions',
+  default: defaultValue,
+});