chore: migrate resourcesConditions to jotai (#4135)

Author: awoloszyn22

src/components/Extensibility/ExtensibilityDetails.js

@@ -1,5 +1,6 @@
 import pluralize from 'pluralize';
 import { useContext } from 'react';
+import { useSetAtom } from 'jotai';
 
 import { usePrepareDetailsProps } from 'resources/helpers';
 import { ResourceDetails } from 'shared/components/ResourceDetails/ResourceDetails';
@@ -19,7 +20,6 @@ import {
 } from './helpers';
 import { useJsonata } from './hooks/useJsonata';
 import CustomResource from 'resources/CustomResourceDefinitions/CustomResources.details';
-import { useSetRecoilState } from 'recoil';
 import { resourcesConditions } from 'state/resourceConditionsAtom';
 import { KymaModuleContext } from 'components/Modules/providers/KymaModuleProvider';
 
@@ -32,7 +32,7 @@ export const ExtensibilityDetailsCore = ({
   headerActions,
 }) => {
   const { t, widgetT, exists } = useGetTranslation();
-  const setResourcesConditions = useSetRecoilState(resourcesConditions);
+  const setResourcesConditions = useSetAtom(resourcesConditions);
   const { urlPath, resource, features, description: resourceDescription } =
     resMetaData?.general ?? {};
   let { disableEdit, disableDelete } = features?.actions || {};

src/components/Extensibility/contexts/DataSources.tsx

@@ -1,6 +1,7 @@
 import pluralize from 'pluralize';
 import { createContext, useEffect, useRef, FC, useState } from 'react';
 import { useRecoilValue } from 'recoil';
+import { useAtomValue } from 'jotai';
 
 import { useFetch } from 'shared/hooks/BackendAPI/useFetch';
 import { useObjectState } from 'shared/useObjectState';
@@ -84,7 +85,7 @@ export const DataSourcesContextProvider: FC<Props> = ({
   // refetch intervals
   const intervals = useRef<ReturnType<typeof setTimeout>[]>([]);
   const fallbackNamespace = useRecoilValue(activeNamespaceIdState);
-  const stateConditions = useRecoilValue(resourcesConditions);
+  const stateConditions = useAtomValue(resourcesConditions);
   const [refetchSource, setRefetchSource] = useState('');
 
   const findUpdatedName = (conditionsArr: string[], storeArr: string[]) => {

src/state/resourceConditionsAtom.ts

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