frontend: components: redux: Add oidc autologin and config

Author: mudit06mah

frontend/src/components/App/Layout.tsx

@@ -248,29 +248,34 @@ export default function Layout({}: LayoutProps) {
     if (!oidcAutoLogin || !clusters) {
       return;
     }
-    const urlParams = new URLSearchParams(window.location.search);
+    const urlParams = new URLSearchParams(location.search);
     const isLoggingOut = urlParams.get('logout') === 'true';
     if (isLoggingOut || !!error) {
       return;
     }
     const isCallbackPath =
-      window.location.pathname.includes('oidc-callback') ||
+      location.pathname.includes('oidc-callback') ||
       urlParams.has('code') ||
       urlParams.has('state');
     if (isCallbackPath) {
       return;
     }
     const currentClusterName = getCluster();
-    const currentCluster = currentClusterName ? clusters[currentClusterName] : null;
+    if (!currentClusterName) {
+      return;
+    }
+    const currentCluster = clusters[currentClusterName];
     const isOIDC = currentCluster?.auth_type === 'oidc';
     if (!isOIDC) {
       return;
     }
     if (currentCluster.useToken === undefined) {
-      const oauthUrl = `${getAppUrl()}oidc?dt=${Date.now()}&cluster=${getCluster()}`;
+      const oauthUrl = `${getAppUrl()}oidc?dt=${Date.now()}&cluster=${encodeURIComponent(
+        currentClusterName
+      )}`;
       window.location.href = oauthUrl;
     }
-  }, [oidcAutoLogin, clusters, error, location.pathname]);
+  }, [oidcAutoLogin, clusters, error, location.pathname, location.search]);
 
   if (!disableBackendLoader) {
     if (error && !config) {

frontend/src/redux/configSlice.ts

@@ -60,7 +60,7 @@ export interface ConfigState {
   /**
    * Whether OIDC auto-login is enabled. Null indicates the value hasn't been loaded from the backend yet.
    */
-  oidcAutoLogin?: boolean | null;
+  oidcAutoLogin: boolean | null;
 }
 
 export const defaultTableRowsPerPageOptions = [15, 25, 50];
@@ -100,7 +100,7 @@ const configSlice = createSlice({
     ) {
       state.clusters = action.payload.clusters;
 
-      if (state.oidcAutoLogin !== undefined) {
+      if (action.payload.oidcAutoLogin !== undefined) {
         state.oidcAutoLogin = action.payload.oidcAutoLogin;
       }
     },