chore: Migrate namespacesState to jotai (#4114)

* Migrate namespacesState to jotai

* Remove console.log

Author: akucharska

src/header/NamespaceChooser/NamespaceChooser.tsx

@@ -1,4 +1,4 @@
-import { useRecoilValue } from 'recoil';
+import { useAtomValue } from 'jotai';
 import { useTranslation } from 'react-i18next';
 import { useUrl } from 'hooks/useUrl';
 import { useMatch, useNavigate } from 'react-router';
@@ -11,7 +11,7 @@ export function NamespaceChooser() {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { namespaceUrl } = useUrl();
-  const allNamespaces = useRecoilValue(namespacesState);
+  const allNamespaces = useAtomValue(namespacesState);
   const { navigateSafely } = useFormNavigation();
 
   const { resourceType = '' } =

src/header/NamespaceDropdown/NamespaceDropdown.tsx

@@ -1,4 +1,4 @@
-import { useRecoilValue } from 'recoil';
+import { useAtomValue } from 'jotai';
 import { useTranslation } from 'react-i18next';
 
 import { namespacesState } from 'state/namespacesAtom';
@@ -7,7 +7,7 @@ import { ComboBoxItem } from '@ui5/webcomponents-react';
 
 export function NamespaceDropdown() {
   const { t } = useTranslation();
-  const allNamespaces = useRecoilValue(namespacesState);
+  const allNamespaces = useAtomValue(namespacesState);
 
   let namespaces = [];
 

src/hooks/useAvailableNamespaces.ts

@@ -1,5 +1,7 @@
 import { useEffect } from 'react';
-import { useRecoilState, useRecoilValue } from 'recoil';
+import { useRecoilValue } from 'recoil';
+import { useAtom } from 'jotai';
+
 import { useGetList } from 'shared/hooks/BackendAPI/useGet';
 import { useGetHiddenNamespaces } from 'shared/hooks/useGetHiddenNamespaces';
 import { namespacesState } from 'state/namespacesAtom';
@@ -9,7 +11,7 @@ import { K8sResource } from 'types';
 export function useAvailableNamespaces() {
   const showHiddenNamespaces = useRecoilValue(showHiddenNamespacesState);
   const hiddenNamespaces = useGetHiddenNamespaces();
-  const [namespaces, setNamespaces] = useRecoilState(namespacesState);
+  const [namespaces, setNamespaces] = useAtom(namespacesState);
 
   const { data: allNamespaces, error, refetch, silentRefetch } = useGetList()(
     '/api/v1/namespaces',

src/state/namespacesAtom.ts

@@ -1,12 +1,7 @@
-import { atom, RecoilState } from 'recoil';
-
+import { atom } from 'jotai';
 export type NamespacesState = string[] | null;
 
 const defaultValue = null;
 
-export const namespacesState: RecoilState<NamespacesState> = atom<
-  NamespacesState
->({
-  key: 'namespacesState',
-  default: defaultValue,
-});
+export const namespacesState = atom<NamespacesState>(defaultValue);
+namespacesState.debugLabel = 'namespacesState';