chore: migrate schemaWorkerStatusState to jotai (#4138)

Author: awoloszyn22

src/components/App/resourceSchemas/useResourceSchemas.ts

@@ -6,11 +6,7 @@ import {
   sendWorkerMessage,
   terminateWorker,
 } from './resourceSchemaWorkerApi';
-import {
-  useRecoilValue,
-  useRecoilValueLoadable,
-  useSetRecoilState,
-} from 'recoil';
+import { useRecoilValue, useRecoilValueLoadable } from 'recoil';
 import { schemaWorkerStatusState } from 'state/schemaWorkerStatusAtom';
 import { useUrl } from 'hooks/useUrl';
 import { authDataState } from 'state/authDataAtom';
@@ -20,7 +16,7 @@ import { clusterState } from 'state/clusterAtom';
 import { useNotification } from 'shared/contexts/NotificationContext';
 import { useTranslation } from 'react-i18next';
 import { useClustersInfo } from 'state/utils/getClustersInfo';
-import { useAtom } from 'jotai';
+import { useAtom, useSetAtom } from 'jotai';
 
 export const useResourceSchemas = () => {
   const { cluster: activeClusterName } = useUrl();
@@ -34,7 +30,7 @@ export const useResourceSchemas = () => {
   const clusterInfo = useClustersInfo();
   const { currentCluster } = clusterInfo;
 
-  const setSchemasState = useSetRecoilState(schemaWorkerStatusState);
+  const setSchemasState = useSetAtom(schemaWorkerStatusState);
   const [lastFetched, setLastFetched] = useAtom(openapiLastFetchedState);
 
   useEffect(() => {

src/hooks/useGetSchema.js

@@ -1,12 +1,12 @@
 import { useEffect, useState, useMemo } from 'react';
 import { mapValues } from 'lodash';
+import { useAtomValue } from 'jotai';
 import {
   addWorkerListener,
   sendWorkerMessage,
   addWorkerErrorListener,
   isWorkerAvailable,
 } from 'components/App/resourceSchemas/resourceSchemaWorkerApi';
-import { useRecoilValue } from 'recoil';
 import { schemaWorkerStatusState } from 'state/schemaWorkerStatusAtom';
 
 export const useGetSchema = ({
@@ -21,7 +21,7 @@ export const useGetSchema = ({
     else schemaId = `${group}/${version}/${kind}`;
   }
 
-  const { areSchemasComputed, schemasError } = useRecoilValue(
+  const { areSchemasComputed, schemasError } = useAtomValue(
     schemaWorkerStatusState,
   );
 
@@ -86,7 +86,7 @@ export const useGetResourceSchemas = resources => {
     [resources],
   );
 
-  const { areSchemasComputed, schemasError } = useRecoilValue(
+  const { areSchemasComputed, schemasError } = useAtomValue(
     schemaWorkerStatusState,
   );
 

src/state/schemaWorkerStatusAtom.ts

@@ -1,4 +1,4 @@
-import { atom, RecoilState } from 'recoil';
+import { atom } from 'jotai';
 
 type SchemaWorkerStatusState = {
   areSchemasComputed: boolean;
@@ -10,9 +10,7 @@ const defaultValue = {
   schemasError: null,
 };
 
-export const schemaWorkerStatusState: RecoilState<SchemaWorkerStatusState> = atom<
-  SchemaWorkerStatusState
->({
-  key: 'schemaWorkerStatusState',
-  default: defaultValue,
-});
+export const schemaWorkerStatusState = atom<SchemaWorkerStatusState>(
+  defaultValue,
+);
+schemaWorkerStatusState.debugLabel = 'schemaWorkerStatusState';