Frontend: updated logout.

chat.js

@@ -12,17 +12,21 @@ form.addEventListener("submit", async function (event) {
 
     formMessage = formData.get('message').toString();
 
-        //KINDA UNNECESSARY
+    //KINDA UNNECESSARY
-        //CHECKS TO SEE IF THE PERSON IS LOGGED IN IN ORDER TO SEND A MESSAGE.
+    //CHECKS TO SEE IF THE PERSON IS LOGGED IN IN ORDER TO SEND A MESSAGE.
-        const response = await fetch(`api/token/${username}/`);
+    const response = await fetch(`api/token/${username}/`);
-        const matches = await response.json();
+    const matches = await response.json();
+
+    //YES THIS IS CONFUSING I KNOW.
+    if (matches.status === "ok") {
+        sendMessage()
+    } else {
+        const mismatch = 'Username and token mismatch. Try logging in again.'
+        printText(mismatch.bold())
+        logout()
+        localStorage.removeItem('username')
+    }
 
-        //YES THIS IS CONFUSING I KNOW.
-        if (matches.status === "ok") {
-          sendMessage()
-        } else {
-            document.querySelector("#errormessage").innerHTML = 'Username and token mismatch. Try logging in again.'
-        }
 })
 
 //SEND MESSAGE FETCH FUNCTION
@@ -87,3 +91,10 @@ loggedIn()
 
 
 //REVIECE USERS PRONOUNS
+
+async function getPronouns() {
+const response = await fetch(`api/users/${username}/`);
+const data = await response.json();
+pronouns = data.pronouns
+return pronouns;
+}

logout.js

@@ -20,13 +20,13 @@ async function logout() {
   loggedIn()
 }
 
-// // IF THERE IS A TOKEN BUT NO USERNAME LOGOUT
+// IF THERE IS A TOKEN BUT NO USERNAME LOGOUT
-// if (allCookies !== '' && myStorage.length === 0) {
+if (allCookies !== '' && myStorage.length === 0) {
-//   logout()
+  logout()
-// }
+}
 
-// // IF THERE IS NO COOKIE BUT A USERNAME GET RID OF USERNAME LOCALLY.
+// IF THERE IS NO COOKIE BUT A USERNAME GET RID OF USERNAME LOCALLY.
-// if (allCookies === '' && myStorage.length !== 0) {
+if (allCookies === '' && myStorage.length !== 0) {
-//   localStorage.removeItem('username')
+  localStorage.removeItem('username')
-//   document.querySelector("#loggeduser").innerHTML = 'You are not logged in'
+  document.querySelector("#loggeduser").innerHTML = 'You are not logged in'
-// }
+}