Fixing according to copilot review

Author: Hubert-Szczepanski-SAP

src/components/Graphs/CustomNode.tsx

@@ -27,7 +27,7 @@ const CustomNode: React.FC<CustomNodeProps> = ({ data }) => (
         <div className={styles.nodeLabel} title={data.label}>
           {data.label}
         </div>
-        {data.type && <div className={styles.nodeType}>{data.type}</div>}
+        {data.type && <div>{data.type}</div>}
       </div>
     </div>
     <div className={styles.yamlButtonWrapper}>

src/components/Graphs/Graph.tsx

@@ -288,7 +288,7 @@ const Graph: React.FC = () => {
         </ReactFlow>
       </div>
       <Legend
-        nodes={nodes.map((n) => n.data as unknown as NodeData)}
+        nodes={nodes.map((n) => n.data as NodeData)}
         colorBy={colorBy}
         providers={providers?.items || []}
         generateColorMap={generateColorMap}

src/components/Graphs/graphUtils.ts

@@ -6,7 +6,11 @@ import {
   ProviderConfigItem,
 } from './types';
 
-export const getStatusFromConditions = (conditions?: Condition[]): string => {
+export type StatusType = 'ERROR' | 'OK';
+
+export const getStatusFromConditions = (
+  conditions?: Condition[],
+): StatusType => {
   if (!conditions || !Array.isArray(conditions)) return 'ERROR';
   const relevant = conditions.find(
     (c) => c.type === 'Ready' || c.type === 'Healthy',

src/components/Graphs/types.ts

@@ -1,5 +1,5 @@
 export interface Condition {
-  type: unknown;
+  type: 'Ready' | 'Synced' | unknown;
   status: 'True' | 'False';
   lastTransitionTime: string;
 }