feat: add button for show task

Author: iCristianoSQL

index.html

@@ -65,7 +65,7 @@ <h2 class="font-bold text-center">
           </div>
         </div>
       </dialog>
-
+            
       <!-- Criando um usuario -->
       <dialog class="bg-gray-800 m-auto h-98 w-[30rem] rounded-xl p-4" id="user-modal">
         <div class="content-modal relative">

src/javascript/domTasksCrud.ts

@@ -142,9 +142,17 @@ async function fetchData() {
         pathTrash.setAttribute("stroke-linecap", "round");
         pathTrash.setAttribute("stroke-linejoin", "round");
         pathTrash.setAttribute("d", "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z");
-
         svgTrash.appendChild(pathTrash);
 
+        const tasButton = document.createElement("button");
+        tasButton.classList.add("bg-black", "p-2", "rounded-[10px]", "font-semibold");
+        tasButton.textContent = "VER";
+        tasButton.id = `task-open-${task?.id}`;
+        tasButton.addEventListener("click", () => {
+          console.log(task.description)
+        })
+
+        svgDiv.appendChild(tasButton);
         svgDiv.appendChild(svgStar);
         svgDiv.appendChild(svgTrash);
 
@@ -161,5 +169,3 @@ async function fetchData() {
 }
 
 fetchData();
-
-