refactor

Author: lucasgoral

src/components/Yaml/YamlLoader.tsx

@@ -1,21 +1,27 @@
-import YamlViewer from './YamlViewer.tsx';
 import { ResourceProps } from './YamlViewButton.tsx';
 import { FC } from 'react';
-import { useManagedControlPlaneYamlQuery } from '@/spaces/onboarding/services/YamlServices/YamlService.ts';
 import Loading from '@components/Shared/Loading.tsx';
+import useResource from '@lib/api/useApiResource.ts';
+import { ResourceObject } from '@lib/api/types/crate/resourceObject.ts';
+import { stringify } from 'yaml';
+import YamlViewer from '@components/Yaml/YamlViewer.tsx';
 
 export const YamlLoader: FC<ResourceProps> = ({
   workspaceName,
   projectName,
   resourceType,
   resourceName,
 }) => {
-  const { data, loading } = useManagedControlPlaneYamlQuery(
-    workspaceName,
-    projectName,
+  // const { data, loading } = useManagedControlPlaneYamlQuery(
+  //   workspaceName,
+  //   projectName,
+  // );
+
+  const { isLoading, data } = useResource(
+    ResourceObject(projectName, workspaceName, resourceType, resourceName),
   );
-  if (loading) return <Loading />;
+  if (isLoading) return <Loading />;
   // if (!workspaceName || !projectName || !resourceName || resourceType)
   //   return <div />;
-  return <YamlViewer yamlString={data} />;
+  return <YamlViewer yamlString={stringify(data)} />;
 };

src/components/Yaml/YamlViewer.tsx

@@ -32,7 +32,6 @@ const YamlViewer: FC<YamlViewerProps> = ({ yamlString }) => {
   } catch (error) {
     console.error('Invalid YAML:', error);
   }
-
   return (
     <div className={styles.container}>
       <FlexBox

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

@@ -60,7 +60,6 @@ export const ListControlPlanes = (
   projectName: string | null,
   workspaceName: string,
 ): Resource<ListControlPlanesType[]> => {
-  console.log('CP2');
   return {
     path:
       projectName === null

src/lib/api/types/crate/reourceObject.ts src/lib/api/types/crate/resourceObject.tssrc/lib/api/types/crate/reourceObject.ts renamed to src/lib/api/types/crate/resourceObject.ts

@@ -1,7 +1,7 @@
 import { Resource } from '../resource.ts';
 import { ControlPlaneType } from './controlPlanes.ts';
 
-export const ControlPlane = (
+export const ResourceObject = (
   projectName: string,
   workspaceName: string,
   resourceType: string = 'mcp',