Merge pull request #2794 from headlamp-k8s/default-namespace-fallback

frontend: Fallback to default namespace found in the kubeconfig when all namespaces fail to load

Author: joaquimrocha

frontend/src/components/common/NamespacesAutocomplete.tsx

@@ -5,12 +5,12 @@ import Checkbox from '@mui/material/Checkbox';
 import { useTheme } from '@mui/material/styles';
 import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'react-redux';
 import { useHistory, useLocation } from 'react-router-dom';
 import helpers, { addQuery } from '../../helpers';
-import { useCluster } from '../../lib/k8s';
+import { useCluster, useClustersConf } from '../../lib/k8s';
 import Namespace from '../../lib/k8s/namespace';
 import { setNamespaceFilter } from '../../redux/filterSlice';
 import { useTypedSelector } from '../../redux/reducers/reducers';
@@ -152,10 +152,47 @@ export function NamespacesAutocomplete() {
   );
 }
 
+/**
+ * This hook will try to select a namespace in a specific case
+ *
+ * If we failed to load namespaces it might be because the user
+ * doesn't have access to list all the namespaces but still has
+ * access to a specific namespace
+ *
+ * Sometimes in the kubeconfig there will be a default namespace set
+ * which we can try to use as a fallback
+ */
+const useDefaultNamespaceFallback = (
+  namespacesList: Namespace[] | null,
+  isNamespaceError: boolean
+) => {
+  const selectedNamespaces = useTypedSelector(state => state.filter.namespaces);
+  const allClustersConfigs = useClustersConf();
+  const currentCluster = useCluster();
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    if (
+      currentCluster &&
+      allClustersConfigs &&
+      isNamespaceError &&
+      (!namespacesList || namespacesList?.length === 0) &&
+      selectedNamespaces.size === 0
+    ) {
+      const defaultNamespaceFromKubeconfig =
+        allClustersConfigs[currentCluster]?.meta_data.namespace;
+
+      if (defaultNamespaceFromKubeconfig) {
+        dispatch(setNamespaceFilter([defaultNamespaceFromKubeconfig]));
+      }
+    }
+  }, [namespacesList, isNamespaceError, currentCluster]);
+};
+
 function NamespacesFromClusterAutocomplete(
   props: Omit<PureNamespacesAutocompleteProps, 'namespaceNames'>
 ) {
-  const [namespacesList] = Namespace.useList();
+  const [namespacesList, error] = Namespace.useList();
   const namespaceNames = useMemo(
     () =>
       namespacesList
@@ -165,5 +202,7 @@ function NamespacesFromClusterAutocomplete(
     [namespacesList]
   );
 
+  useDefaultNamespaceFallback(namespacesList, Boolean(error));
+
   return <PureNamespacesAutocomplete namespaceNames={namespaceNames} {...props} />;
 }