changing logic for connect to mcp

Author: Hubert-Szczepanski-SAP

src/components/ControlPlanes/ControlPlaneCard/ControlPlaneCard.tsx

@@ -13,6 +13,7 @@ import MCPHealthPopoverButton from '../../ControlPlane/MCPHealthPopoverButton.ts
 import styles from './ControlPlaneCard.module.css';
 import { KubectlDeleteMcp } from '../../Dialogs/KubectlCommandInfo/Controllers/KubectlDeleteMcp.tsx';
 import {
+  ControlPlaneType,
   ListControlPlanesType,
   ReadyStatus,
 } from '../../../lib/api/types/crate/controlPlanes.ts';
@@ -59,6 +60,22 @@ export function ControlPlaneCard({
   const name = controlPlane.metadata.name;
   const namespace = controlPlane.metadata.namespace;
 
+  const canConnectToMCP = (controlPlane: ControlPlaneType): boolean => {
+    const conditions = controlPlane.status?.conditions ?? [];
+
+    return [
+      'APIServerHealthy',
+      'AuthenticationHealthy',
+      'AuthorizationHealthy',
+    ].every((type) =>
+      conditions.some(
+        (condition) => condition.type === type && condition.status === true,
+      ),
+    );
+  };
+
+  const isConnectButtonEnabled = canConnectToMCP(controlPlane);
+
   return (
     <>
       <Card key={`${name}--${namespace}`} className={styles.card}>
@@ -106,7 +123,7 @@ export function ControlPlaneCard({
                   resourceType={'managedcontrolplanes'}
                 />
                 <ConnectButton
-                  disabled={controlPlane.status?.status !== ReadyStatus.Ready}
+                  disabled={isConnectButtonEnabled}
                   controlPlaneName={name}
                   projectName={projectName}
                   workspaceName={workspace.metadata.name ?? ''}