From b1bd02933e297dd85593b43282228d5bbbd86d7d Mon Sep 17 00:00:00 2001
From: Leticia de la Osa <deletidev@gmail.com>
Date: Tue, 18 Jun 2024 17:37:14 +0200
Subject: [PATCH] removed an unnecessary ul

---
 .../components/collection-accessible.component.tsx     |  4 +++-
 .../components/field-accessible.component.tsx          |  6 +++++-
 .../components/field-list-accessible.component.tsx     | 10 +++-------
 3 files changed, 11 insertions(+), 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
index 69ec8c4e..ca976a4a 100644
--- 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
index c8390d21..b50e791c 100644
--- 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
index 7522dce0..c985aaaa 100644
--- 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} />
+  ));
 };