fixed yaml schema

Kuadrant · Sep 17, 2024 · f41306c · f41306c
1 parent 19afd69
commit f41306c
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/components/KuadrantTLSPage.tsx b/src/components/KuadrantTLSPage.tsx
@@ -88,25 +88,24 @@ const KuadrantTLSPage: React.FC = () => {
   const tlsPolicy = createTlsPolicy();
 
   // Form to yaml view sync
-  const [yamlInput, setYamlInput] = React.useState(yaml.dump(skeletonTls()));
+  const [yamlInput, setYamlInput] = React.useState((skeletonTls()));
 
 
-  const handleYAMLChange = (yamlStr) => {
+  const handleYAMLChange = (yamlInput:string) => {
     try {
-      const parsedYaml = yaml.load(yamlStr);
+      const parsedYaml = yaml.load(yamlInput);
       setPolicyName(parsedYaml.metadata?.name || '');
       setSelectedNamespace(parsedYaml.metadata?.namespace || '');
       setSelectedGateway(parsedYaml.spec?.targetRef?.name || '');
       setSelectedCertIssuer(parsedYaml.spec?.issuerRef?.name || '');
-      setYamlInput(yamlStr);
     } catch (e) {
       console.error('Error parsing YAML:', e);
     }
   };
 
   React.useEffect(() => {
     const updatedTLSState = createTlsPolicy();
-    setYamlInput(yaml.dump(updatedTLSState));
+    setYamlInput((updatedTLSState));
   }, [policyName, selectedNamespace, selectedGateway, selectedCertIssuer]);
 
   const [view, setView] = React.useState('form');