From e0c19b2a4d3f8ced3328eb7b05b1e9846e992423 Mon Sep 17 00:00:00 2001
From: Ricardo Campos <ricardo.campos@encora.com>
Date: Sat, 24 Aug 2024 17:36:36 -0300
Subject: [PATCH] chore: fix build issue

---
 src/components/TaskList.tsx | 56 +++++++++++++++++++------------------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/components/TaskList.tsx b/src/components/TaskList.tsx
index d1cd941..b8a409b 100644
--- a/src/components/TaskList.tsx
+++ b/src/components/TaskList.tsx
@@ -12,37 +12,39 @@ interface Props {
   handleEdit(task: ITask): void;
 }
 
-const TaskList = ({ taskList, handleDelete, handleEdit }: Props) => {
+const TaskList = ({ taskList, handleDelete, handleEdit }: Props): JSX.Element => {
   if (taskList.length) {
     return (
-      taskList.map((task) => (
-        <div key={task.id} className={styles.task}>
-          <div className={styles.details}>
-            <h4>{task.title}</h4>
-            <p>
-              Difficulty:
-              {task.difficulty}
-            </p>
-          </div>
+      <>
+        {taskList.map((task) => (
+          <div key={task.id} className={styles.task}>
+            <div className={styles.details}>
+              <h4>{task.title}</h4>
+              <p>
+                Difficulty:
+                {task.difficulty}
+              </p>
+            </div>
 
-          <div className={styles.actions}>
-            <button
-              type="button"
-              className="bi bi-pencil"
-              onClick={() => { handleEdit(task); }}
-            >
-              Edit
-            </button>
-            <button
-              type="button"
-              className="bi bi-trash"
-              onClick={() => { handleDelete(task.id); }}
-            >
-              Delete
-            </button>
+            <div className={styles.actions}>
+              <button
+                type="button"
+                className="bi bi-pencil"
+                onClick={() => { handleEdit(task); }}
+              >
+                Edit
+              </button>
+              <button
+                type="button"
+                className="bi bi-trash"
+                onClick={() => { handleDelete(task.id); }}
+              >
+                Delete
+              </button>
+            </div>
           </div>
-        </div>
-      ))
+        ))}
+      </>
     );
   }