fix build failed

asyncapi · Dec 18, 2023 · a453ddf · a453ddf
1 parent febe227
commit a453ddf
Showing 1 changed file with 28 additions and 27 deletions.
diff --git a/packages/ui/components/VisualEditor.tsx b/packages/ui/components/VisualEditor.tsx
@@ -57,12 +57,13 @@ const PropertyControls: React.FC<PropertyControlsProps> = ({ onAdd }) => {
 };
 
 interface SchemaPropertyProps {
-  name: string;
-  schema: { type: string | string[] };
-  onRemove: (name: string) => void;
-  onToggleRequired: (name: string) => void;
-  isRequired: boolean;
-}
+    name: string;
+    schema: { type: string | string[] };
+    onRemove: (name: string) => void;
+    onToggleRequired: (name: string) => void;
+    isRequired: boolean;
+  }
+
 
 const SchemaProperty: React.FC<SchemaPropertyProps> = ({
   name,
@@ -105,17 +106,17 @@ const SchemaProperty: React.FC<SchemaPropertyProps> = ({
 };
 
 interface SchemaObjectProps {
-  schema: Schema;
-  path: string;
-  onAdd: (path: string, updatedSchema: Schema) => void;
-  onRemove: (key: string) => void;
-  onToggleRequired: (key: string) => void;
-}
-
-const SchemaObject: React.FC<SchemaObjectProps> = ({ schema, path, onAdd, onRemove, onToggleRequired }) => {
-  const properties = schema.properties ?? {};
-  const propertyNames = Object.keys(properties);
-  const requiredFields = schema.required ?? [];
+    schema: Schema;
+    path: string;
+    onAdd: (path: string, updatedSchema: Schema) => void;
+    onRemove: (key: string) => void;
+    onToggleRequired: (key: string) => void;
+  }
+
+  const SchemaObject: React.FC<SchemaObjectProps> = ({ schema, path, onAdd, onRemove, onToggleRequired }) => {
+    const properties = schema.properties ?? {};
+    const propertyNames = Object.keys(properties);
+    const requiredFields = schema.required ?? [];
 
   const handleAddProperty = (key: string, types: string[]) => {
     const updatedSchema = {
@@ -175,16 +176,16 @@ interface VisualEditorProps {
 }
 
 export const VisualEditor: React.FC<VisualEditorProps> = ({ schema, onSchemaChange }) => {
-  const [schemaObject, setSchemaObject] = useState<Schema>({ type: 'object', properties: {}, required: [] });
-
-  useEffect(() => {
-    try {
-      const parsedSchema: Schema = JSON.parse(schema);
-      setSchemaObject(parsedSchema);
-    } catch (e) {
-      console.error('Invalid JSON schema:', e);
-    }
-  }, [schema]);
+    const [schemaObject, setSchemaObject] = useState<Schema>({ type: 'object', properties: {}, required: [] });
+  
+    useEffect(() => {
+      try {
+        const parsedSchema: Schema = JSON.parse(schema);
+        setSchemaObject(parsedSchema);
+      } catch (e) {
+        console.error('Invalid JSON schema:', e);
+      }
+    }, [schema]);  
 
   const handleSchemaChange = (path: string, newSchema: Schema) => {
     const updatedSchema = path === '' ? newSchema : { ...schemaObject, ...newSchema };