reactor

Author: lucasgoral

src/components/Wizards/CreateManagedControlPlane/SummarizeStep.tsx

@@ -8,6 +8,7 @@ import {
 } from '../../../lib/api/types/crate/createManagedControlPlane.ts';
 
 import { idpPrefix } from '../../../utils/idpPrefix.ts';
+import { parseResourceApiInfo } from '../../../utils/parseResourceApiInfo.ts';
 import { UseFormWatch } from 'react-hook-form';
 import { CreateDialogProps } from '../../Dialogs/CreateWorkspaceDialogContainer.tsx';
 
@@ -45,8 +46,7 @@ export const SummarizeStep: React.FC<SummarizeStepProps> = ({
     idpPrefix,
   );
   const yamlString = stringify(resource);
-  const apiGroupName = resource?.apiVersion?.split('/')[0] ?? 'core.openmcp.cloud';
-  const apiVersion = resource?.apiVersion?.split('/')[1] ?? 'v1alpha1';
+  const { apiGroupName, apiVersion } = parseResourceApiInfo(resource);
   return (
     <div className={styles.wrapper}>
       <Title>{t('common.summarize')}</Title>

src/components/Yaml/YamlSidePanel.tsx

@@ -17,6 +17,7 @@ import { useMemo, useState, useCallback, JSX } from 'react';
 import { stringify } from 'yaml';
 import { convertToResourceConfig } from '../../utils/convertToResourceConfig.ts';
 import { removeManagedFieldsAndFilterData, Resource } from '../../utils/removeManagedFieldsAndFilterData.ts';
+import { parseResourceApiInfo } from '../../utils/parseResourceApiInfo.ts';
 import { useCopyToClipboard } from '../../hooks/useCopyToClipboard.ts';
 import styles from './YamlSidePanel.module.css';
 import { IllustratedBanner } from '../Ui/IllustratedBanner/IllustratedBanner.tsx';
@@ -81,9 +82,7 @@ export function YamlSidePanel({ resource, filename, onApply, isEdit, toolbarCont
 
   const handleGoBack = () => setMode('edit');
 
-  const apiGroupName = resource?.apiVersion?.split('/')[0] ?? 'core.openmcp.cloud';
-  const apiVersion = resource?.apiVersion?.split('/')[1] ?? 'v1alpha1';
-  const kind = resource?.kind;
+  const { apiGroupName, apiVersion, kind } = parseResourceApiInfo(resource);
 
   return (
     <Panel

src/utils/parseResourceApiInfo.ts

@@ -0,0 +1,19 @@
+import { Resource } from './removeManagedFieldsAndFilterData.ts';
+
+export interface ResourceApiInfo {
+  apiGroupName: string;
+  apiVersion: string;
+  kind: string;
+}
+
+export function parseResourceApiInfo(resource: Resource): ResourceApiInfo {
+  const apiGroupName = resource?.apiVersion?.split('/')[0] ?? 'core.openmcp.cloud';
+  const apiVersion = resource?.apiVersion?.split('/')[1] ?? 'v1alpha1';
+  const kind = resource?.kind ?? '';
+
+  return {
+    apiGroupName,
+    apiVersion,
+    kind,
+  };
+}