From 91cb305af54b4a9d5491a8ad5175400dd1099f19 Mon Sep 17 00:00:00 2001
From: bytesparallel <jason.ross841@gmail.com>
Date: Sat, 6 Nov 2021 15:50:47 -0500
Subject: [PATCH] finish a sinkrepair

---
 api/database.json     |  7 -------
 scripts/Requests.js   | 22 ++++++++++++++++++++--
 scripts/dataAccess.js |  2 +-
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/api/database.json b/api/database.json
index 8820ed7..f2ed7d2 100644
--- a/api/database.json
+++ b/api/database.json
@@ -21,13 +21,6 @@
       "neededBy": "2021-11-26",
       "id": 3
     },
-    {
-      "description": "testing123",
-      "address": "488",
-      "budget": "558",
-      "neededBy": "2021-12-25",
-      "id": 4
-    },
     {
       "description": "testing123",
       "address": "488",
diff --git a/scripts/Requests.js b/scripts/Requests.js
index 029714f..cfe7c5a 100644
--- a/scripts/Requests.js
+++ b/scripts/Requests.js
@@ -1,10 +1,18 @@
-import { getRequests } from "./dataAccess.js"
+import { getRequests, deleteRequest } from "./dataAccess.js"
 
 // requests exports the requests stored in application state as requests passed in as an ordered list wrapped inside an unordered list
 export const Requests = () => {
     const requests = getRequests()
     const convertRequestToListElement = (requests) => {
-            return `<li>${requests.description}</li>`
+        return `
+        <li>
+            ${requests.description}
+            <button class="request__delete"
+                    id="request--${requests.id}">
+                Delete
+            </button>
+        </li>
+    `    
     }
     let html = `
         <ul>
@@ -16,3 +24,13 @@ export const Requests = () => {
 
     return html
 }
+
+const mainContainer = document.querySelector("#container")
+
+mainContainer.addEventListener("click", click => {
+    if (click.target.id.startsWith("request--")) {
+        const [,requestId] = click.target.id.split("--")
+        deleteRequest(parseInt(requestId))
+    }
+})
+
diff --git a/scripts/dataAccess.js b/scripts/dataAccess.js
index d0a56b1..bbc5972 100644
--- a/scripts/dataAccess.js
+++ b/scripts/dataAccess.js
@@ -56,7 +56,7 @@ export const sendRequest = (userServiceRequest) => {
     })      
 }
 export const deleteRequest = (id) => {
-    return fetch(`${API}/requests/${id}`, { method: "DELETE" })
+    return fetch(`${API}/serviceRequests/${id}`, { method: "DELETE" })
         .then(
             () => {
                 mainContainer.dispatchEvent(new CustomEvent("stateChanged"))
-- 
2.47.3