some

dashboard.html

@@ -133,6 +133,7 @@ <h2 class="main--title">Dashboard</h2>
 </div>
 
 <script src="./js/connect.js"></script>
+<script src="./js/dashboard_restriction.js"></script>
 
 </body>
 

index.html

@@ -387,7 +387,7 @@ <h1>I'm ready to Talk.....</h1>
 
     </div>
 
-    </div>
+    </div><br>
     <footer>Made with ❤️ by M.Rwema Remy</footer>
 
 

js/dashboard_restriction.js

@@ -0,0 +1,12 @@
+function checkAuthentication() {
+  const token = localStorage.getItem("token");
+  if (!token) {
+    // Redirect to login page if token is not present
+    window.location.href = "/log-in.html";
+  }
+}
+
+// Call checkAuthentication when the dashboard page loads
+window.addEventListener("DOMContentLoaded", () => {
+  checkAuthentication();
+});

js/queries.js

@@ -10,16 +10,18 @@ fetch(`https://rwemaremy-my-brand-back-end.onrender.com/api/queries`)
   .then((query) => {
     console.log(query);
     const theblog = document.querySelector(".card--wrapper");
+
     query.forEach((element) => {
       const queryElement = document.createElement("div");
+
       queryElement.innerHTML = `
   <div class="cards"> 
-        <div class="queries1">
+        <div class="queries1" key=${element._id} >
        <div> <p> ${element.content}</p>  <br>
         
        <div> <h3>${element.author} /  ${element.email}</h3> </div>
 
-       <span class="delete-btn"   id="delete" ><i class="fa-solid fa-trash" 
+       <span class="delete-btn"   id="delete"  key=${element._id}><i class="fa-solid fa-trash" 
        style="color: #d11515;"></i></span>
         
        </div>
@@ -30,9 +32,54 @@ fetch(`https://rwemaremy-my-brand-back-end.onrender.com/api/queries`)
       theblog.appendChild(queryElement);
     });
 
+    const blogger = document.querySelectorAll(".delete-btn");
+
+    blogger.forEach((blg) => {
+      blg.addEventListener("click", (e) => {
+        const clickedContainer = e.target.closest(".delete-btn");
+        if (clickedContainer) {
+          const id = clickedContainer.getAttribute("key");
+          deleteBlog(id);
+          // Use the id as needed
+        } else {
+          console.error(
+            "No blog container found in the clicked element chain."
+          );
+        }
+      });
+
+      const deleteButtons = document.querySelectorAll(".delete-btn");
+      deleteButtons.forEach((button) => {
+        button.addEventListener("click", (e) => {
+          const blogId = button.getAttribute("key");
+        });
+      });
+    });
+    const token = localStorage.getItem("token");
+
+    const deleteBlog = (blogId) => {
+      const url = "https://rwemaremy-my-brand-back-end.onrender.com";
+      fetch(url + `/api/queries/${blogId}`, {
+        method: "DELETE",
+        headers: {
+          Authorization: `Bearer ${localStorage.getItem(token)}`,
+        },
+      })
+        .then((response) => {
+          if (response.ok) {
+            console.log("query deleted successfully");
+            location.reload();
+          } else {
+            console.error("Error deleting query:", response.statusText);
+          }
+        })
+        .catch((error) => {
+          console.error("Error:", error);
+        });
+    };
     // console.log(theblog);
   })
-  .catch((error) => console.error("Error fetching blog details:", error));
+  .catch((error) => console.error("Error fetching query details:", error));
 
 function checkAuthentication() {
   const token = localStorage.getItem("token");