removing unused providers

Author: Hubert-Szczepanski-SAP

src/components/Graphs/Graph.tsx

@@ -18,7 +18,6 @@ import {
   useProvidersConfigResource,
 } from '../../lib/api/useApiResource';
 import { ManagedResourcesRequest } from '../../lib/api/types/crossplane/listManagedResources';
-import { ProvidersListRequest } from '../../lib/api/types/crossplane/listProviders';
 import { resourcesInterval } from '../../lib/shared/constants';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import { NodeData, ManagedResourceGroup, ManagedResourceItem } from './types';
@@ -110,12 +109,6 @@ const Graph: React.FC = () => {
     useApiResource(ManagedResourcesRequest, {
       refreshInterval: resourcesInterval,
     });
-  const { data: providers, error: providersError } = useApiResource(
-    ProvidersListRequest,
-    {
-      refreshInterval: resourcesInterval,
-    },
-  );
   const { data: providerConfigsList, error: providerConfigsError } =
     useProvidersConfigResource({
       refreshInterval: resourcesInterval,
@@ -196,8 +189,8 @@ const Graph: React.FC = () => {
   }, [managedResources, providerConfigsList]);
 
   const colorMap = useMemo(
-    () => generateColorMap(treeData, colorBy, providers?.items),
-    [treeData, colorBy, providers?.items],
+    () => generateColorMap(treeData, colorBy),
+    [treeData, colorBy],
   );
 
   useEffect(() => {
@@ -207,15 +200,15 @@ const Graph: React.FC = () => {
     setEdges(edges);
   }, [treeData, colorBy, colorMap, setNodes, setEdges]);
 
-  if (managedResourcesError || providersError || providerConfigsError) {
+  if (managedResourcesError || providerConfigsError) {
     return (
       <div className={`${styles.centeredMessage} ${styles.errorMessage}`}>
         Error loading graph data.
       </div>
     );
   }
 
-  if (!managedResources || !providers || !providerConfigsList) {
+  if (!managedResources || !providerConfigsList) {
     return <div className={styles.centeredMessage}>Loading graph data...</div>;
   }
 
@@ -290,7 +283,6 @@ const Graph: React.FC = () => {
       <Legend
         nodes={nodes.map((n) => n.data as NodeData)}
         colorBy={colorBy}
-        providers={providers?.items || []}
         generateColorMap={generateColorMap}
       />
     </div>

src/components/Graphs/Legend.tsx

@@ -9,17 +9,15 @@ interface LegendProps {
   generateColorMap: (
     items: NodeData[],
     colorBy: string,
-    providers?: ProviderConfigItem[],
   ) => Record<string, string>;
 }
 
 export const Legend: React.FC<LegendProps> = ({
   nodes,
   colorBy,
-  providers,
   generateColorMap,
 }) => {
-  const colorMap = generateColorMap(nodes, colorBy, providers);
+  const colorMap = generateColorMap(nodes, colorBy);
   return (
     <div className={styles.legendContainer}>
       <h4 className={styles.legendTitle}>Legend:</h4>

src/components/Graphs/graphUtils.ts

@@ -3,7 +3,6 @@ import {
   ManagedResourceItem,
   NodeData,
   ProviderConfig,
-  ProviderConfigItem,
 } from './types';
 
 export type StatusType = 'ERROR' | 'OK';
@@ -45,7 +44,6 @@ export const resolveProviderType = (
 export const generateColorMap = (
   items: NodeData[],
   colorBy: string,
-  _providers?: ProviderConfigItem[],
 ): Record<string, string> => {
   const colors = [
     '#1abc9c',