Update YamlViewerSchemaLoader.tsx

Author: lucasgoral

src/components/Yaml/YamlViewerSchemaLoader.tsx

@@ -1,4 +1,4 @@
-import { FC, useMemo } from 'react';
+import { FC, useMemo, useEffect, useRef } from 'react';
 
 import { YamlViewer, YamlViewerProps } from './YamlViewer.tsx';
 import { useApiResource } from '../../lib/api/useApiResource.ts';
@@ -8,6 +8,7 @@ import openapiSchemaToJsonSchema from '@openapi-contrib/openapi-schema-to-json-s
 
 import { ApiConfig } from '../../lib/api/types/apiConfig.ts';
 import { getCustomResourceDefinitionPluralName } from '../../utils/getPluralName.ts';
+import { useToast } from '../../context/ToastContext.tsx';
 
 interface YamlViewerSchemaLoaderProps extends YamlViewerProps {
   apiVersion: string;
@@ -27,7 +28,14 @@ export const YamlViewerSchemaLoader: FC<YamlViewerSchemaLoaderProps> = ({
   kind,
 }) => {
   const customResourceDefinitionName = getCustomResourceDefinitionPluralName(kind);
-  const { data: crdData, isLoading } = useApiResource<CustomResourceDefinition>(
+  const { show } = useToast();
+  const hasShownErrorRef = useRef(false);
+
+  const {
+    data: crdData,
+    isLoading,
+    error,
+  } = useApiResource<CustomResourceDefinition>(
     {
       path: `/apis/apiextensions.k8s.io/v1/customresourcedefinitions/${customResourceDefinitionName}.${apiGroupName}`,
     },
@@ -36,6 +44,14 @@ export const YamlViewerSchemaLoader: FC<YamlViewerSchemaLoaderProps> = ({
     !customResourceDefinitionName,
   );
 
+  useEffect(() => {
+    if (!hasShownErrorRef.current && error) {
+      const message = (error as { message?: string }).message || 'Failed to load schema';
+      show(message);
+      hasShownErrorRef.current = true;
+    }
+  }, [error, show]);
+
   const schema =
     crdData?.spec.versions?.find(({ name }) => name === apiVersion)?.schema.openAPIV3Schema ??
     crdData?.spec.versions?.[0].schema.openAPIV3Schema;