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 `
${requests.description}`
+ return `
+
+ ${requests.description}
+
+
+ `
}
let html = `
@@ -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"))