removed an unnecessary ul

Lemoncode · Jun 18, 2024 · b1bd029 · b1bd029
1 parent f18e958
commit b1bd029
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx b/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx
@@ -47,7 +47,9 @@ export const CollectionAccessible: React.FC<Props> = props => {
         </ul>
       ) : null}
       <h4>Fields for {table.tableName} collection</h4>
-      <FieldList fieldList={table.fields} listName={table.tableName} />
+      <ul>
+        <FieldList fieldList={table.fields} listName={table.tableName} />
+      </ul>
       <TableRelationsAccessible
         table={table}
         canvasSchema={canvasSchema}

diff --git a/src/pods/canvas/components/canvas-accessible/components/field-accessible.component.tsx b/src/pods/canvas/components/canvas-accessible/components/field-accessible.component.tsx
@@ -24,7 +24,11 @@ export const Field: React.FC<Props> = props => {
 
   const renderChildrenElement = (name: string, children?: FieldVm[]) => {
     if (children)
-      return <FieldList fieldList={children} listName={`${name} nested`} />;
+      return (
+        <ul>
+          <FieldList fieldList={children} listName={`${name} nested`} />
+        </ul>
+      );
   };
 
   return (

diff --git a/src/pods/canvas/components/canvas-accessible/components/field-list-accessible.component.tsx b/src/pods/canvas/components/canvas-accessible/components/field-list-accessible.component.tsx
@@ -10,11 +10,7 @@ interface Props {
 export const FieldList: React.FC<Props> = props => {
   const { fieldList, listName } = props;
 
-  return (
-    <ul>
-      {fieldList.map(field => (
-        <Field field={field} listName={listName} key={field.id} />
-      ))}
-    </ul>
-  );
+  return fieldList.map(field => (
+    <Field field={field} listName={listName} key={field.id} />
+  ));
 };