fix: check meta/whoami availability (#3004)

Author: Raubzeug

src/store/reducers/capabilities/hooks.ts

@@ -184,3 +184,7 @@ export const useDatabasesAvailable = () => {
 export const useMetaLoginAvailable = () => {
     return useGetMetaFeatureVersion('/meta/login') >= 1;
 };
+
+export const useMetaWhoAmIAvailable = () => {
+    return useGetMetaFeatureVersion('/meta/whoami') >= 1;
+};

src/types/api/capabilities.ts

@@ -54,4 +54,5 @@ export type MetaCapability =
     | '/meta/delete_cluster'
     | '/meta/events'
     | '/meta/login'
+    | '/meta/whoami'
     | '/meta/databases';

src/utils/hooks/useMetaAuth.ts

@@ -1,24 +1,28 @@
 import {useLocation} from 'react-router-dom';
 
 import {checkIsClustersPage} from '../../routes';
-import {useMetaLoginAvailable} from '../../store/reducers/capabilities/hooks';
+import {
+    useMetaLoginAvailable,
+    useMetaWhoAmIAvailable,
+} from '../../store/reducers/capabilities/hooks';
 
 function useMetaAuthState() {
     const location = useLocation();
     const isClustersPage = checkIsClustersPage(location.pathname);
     const metaLoginAvailable = useMetaLoginAvailable();
+    const metaWhoAmIAvailable = useMetaWhoAmIAvailable();
 
-    return {isClustersPage, metaLoginAvailable};
+    return {isClustersPage, metaAuthAvailable: metaLoginAvailable && metaWhoAmIAvailable};
 }
 
 export function useMetaAuth() {
-    const {isClustersPage, metaLoginAvailable} = useMetaAuthState();
+    const {isClustersPage, metaAuthAvailable} = useMetaAuthState();
 
-    return isClustersPage && metaLoginAvailable;
+    return isClustersPage && metaAuthAvailable;
 }
 
 export function useMetaAuthUnavailable() {
-    const {isClustersPage, metaLoginAvailable} = useMetaAuthState();
+    const {isClustersPage, metaAuthAvailable} = useMetaAuthState();
 
-    return isClustersPage && !metaLoginAvailable;
+    return isClustersPage && !metaAuthAvailable;
 }