fix

Author: lucasgoral

src/components/Ui/Center/Center.module.css

@@ -1,4 +1,4 @@
-.root {
+.wrapper {
   display: flex;
   align-items: center;
   justify-content: center;

src/components/Ui/Center/Center.tsx

@@ -9,7 +9,7 @@ export type CenterProps = PropsWithChildren<{
 }>;
 
 export const Center = ({ children, className, style, textAlignCenter = true }: CenterProps): ReactNode => {
-  const classes = cx(styles.root, { [styles.textAlignCenter]: textAlignCenter }, className);
+  const classes = cx(styles.wrapper, { [styles.textAlignCenter]: textAlignCenter }, className);
 
   return (
     <div className={classes} style={style}>

src/lib/api/types/crate/controlPlanes.ts

@@ -12,28 +12,13 @@ export interface Metadata {
   };
 }
 
-export interface Subject {
-  kind: string;
-  name: string;
-}
-
-export interface RoleBinding {
-  role: string;
-  subjects: Subject[];
-}
-
-export interface Authorization {
-  roleBindings: RoleBinding[];
-}
-
 export interface ControlPlaneType {
   metadata: Metadata;
   spec:
     | {
         authentication: {
           enableSystemIdentityProvider?: boolean;
         };
-        authorization?: Authorization;
         components: ControlPlaneComponentsType;
       }
     | undefined;
@@ -100,6 +85,6 @@ export const ControlPlane = (
 ): Resource<ControlPlaneType> => {
   return {
     path: `/apis/core.openmcp.cloud/v1alpha1/namespaces/project-${projectName}--ws-${workspaceName}/managedcontrolplanes/${controlPlaneName}`,
-    jq: '{ spec: .spec | {components, authorization, authentication}, metadata: .metadata | {name, namespace, creationTimestamp, annotations}, status: { conditions: [.status.conditions[] | {type: .type, status: .status, message: .message, reason: .reason, lastTransitionTime: .lastTransitionTime}],  access: .status.components.authentication.access, status: .status.status }}',
+    jq: '{ spec: .spec | {components}, metadata: .metadata | {name, namespace, creationTimestamp, annotations}, status: { conditions: [.status.conditions[] | {type: .type, status: .status, message: .message, reason: .reason, lastTransitionTime: .lastTransitionTime}],  access: .status.components.authentication.access, status: .status.status }}',
   };
 };

src/lib/shared/McpContext.tsx

@@ -1,22 +1,19 @@
 import { createContext, ReactNode, useContext } from 'react';
-import { ControlPlane as ManagedControlPlaneResource, RoleBinding } from '../api/types/crate/controlPlanes.ts';
+import { ControlPlane as ManagedControlPlaneResource } from '../api/types/crate/controlPlanes.ts';
 import { ApiConfigProvider } from '../../components/Shared/k8s';
 import { useApiResource } from '../api/useApiResource.ts';
 import { GetKubeconfig } from '../api/types/crate/getKubeconfig.ts';
 import { useAuthMcp } from '../../spaces/mcp/auth/AuthContextMcp.tsx';
 import { BusyIndicator } from '@ui5/webcomponents-react';
-import { CRDRequest } from '../api/types/crossplane/CRDList.ts';
 
 interface Mcp {
   project: string;
   workspace: string;
   name: string;
-
   secretNamespace?: string;
   secretName?: string;
   secretKey?: string;
   kubeconfig?: string;
-  roleBindings?: RoleBinding[];
 }
 
 interface Props {
@@ -46,7 +43,6 @@ export const McpContextProvider = ({ children, context }: Props) => {
     return <></>;
   }
   context.kubeconfig = kubeconfig.data;
-  context.roleBindings = mcp.data?.spec?.authorization?.roleBindings;
   return <McpContext.Provider value={context}>{children}</McpContext.Provider>;
 };
 

src/spaces/mcp/auth/useHasMcpAdminRights.ts

@@ -1,9 +1,8 @@
 import { ReactNode } from 'react';
-import { useGetMcpUserRights } from './useGetMcpUserRights.ts';
 import { useTranslation } from 'react-i18next';
 
 import IllustratedError from '../../../components/Shared/IllustratedError.tsx';
-import { Button } from '@ui5/webcomponents-react';
+import { BusyIndicator, Button } from '@ui5/webcomponents-react';
 import { ControlPlaneType } from '../../../lib/api/types/crate/controlPlanes.ts';
 import { generatePath, useNavigate, useParams } from 'react-router-dom';
 import { Routes } from '../../../Routes.ts';
@@ -16,7 +15,7 @@ export interface ManagedControlPlaneAuthorizationProps {
   mcp: ControlPlaneType;
   children: ReactNode;
 }
-export const ManagedControlPlaneAuthorization = ({ children, mcp }: ManagedControlPlaneAuthorizationProps) => {
+export const ManagedControlPlaneAuthorization = ({ children }: ManagedControlPlaneAuthorizationProps) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const { projectName, workspaceName } = useParams();
@@ -30,12 +29,12 @@ export const ManagedControlPlaneAuthorization = ({ children, mcp }: ManagedContr
     }
   };
 
-  const { error: crdError, data: crdData } = useApiResource(CRDRequest);
-  console.log('crdError:');
-  console.log(crdError?.status);
-  console.log('crdData:');
-  console.log(crdData);
-  const isUserNotAuthorized = crdError?.status === 403 || crdError?.status === 401;
+  // Check if user has access to CRDs in the MCP's cluster
+  const { error, isLoading } = useApiResource(CRDRequest);
+  if (isLoading) {
+    return <BusyIndicator active />;
+  }
+  const isUserNotAuthorized = error?.status === 403 || error?.status === 401;
   if (isUserNotAuthorized)
     return (
       <Center>