Add functionality to the logout button

ui/dashboard/index.js

@@ -1,5 +1,16 @@
 export default {
-    display(){
-        console.log("displaying dashboard");
+    isRendered: false,
+
+    async display(){
+        if(!this.isRendered){
+            document.getElementById("dashboardLogout").addEventListener("click", ()=>{
+                localStorage.setItem("loggedIn", "false");
+                openPage("login");
+                fetch("/logout", {
+                    method: "GET",
+                    headers: {"Content-Type": "application/json"}
+                });
+            });
+        }
     }
 }

ui/index.html

@@ -50,10 +50,8 @@
             <ul class="dashboard-menu-list">
                 <li>
                     <button
-                        type="button"
                         id="dashboardLogout"
                         class="dashboard-menu-logout"
-                        onclick="document.getElementById('dashboardMenuOpen').checked = false; localStorage.removeItem('loggedIn'); openPage('login');"
                     >Log Out</button>
                 </li>
             </ul>

ui/index.js

@@ -34,7 +34,6 @@ openPage = (page)=>{
 }
 
 //Check for login
-console.log(localStorage.getItem("loggedIn"));
 if(window.adminExists !== "true"){
     openPage("adminCreate");
 }else if(localStorage.getItem("loggedIn") === "true"){