Frontend: updated logout.

chat.js

@@ -21,8 +21,12 @@ form.addEventListener("submit", async function (event) {
     if (matches.status === "ok") {
         sendMessage()
     } else {
-            document.querySelector("#errormessage").innerHTML = 'Username and token mismatch. Try logging in again.'
+        const mismatch = 'Username and token mismatch. Try logging in again.'
+        printText(mismatch.bold())
+        logout()
+        localStorage.removeItem('username')
     }
+
 })
 
 //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 (allCookies !== '' && myStorage.length === 0) {
-//   logout()
-// }
+// IF THERE IS A TOKEN BUT NO USERNAME LOGOUT
+if (allCookies !== '' && myStorage.length === 0) {
+  logout()
+}
 
-// // IF THERE IS NO COOKIE BUT A USERNAME GET RID OF USERNAME LOCALLY.
-// if (allCookies === '' && myStorage.length !== 0) {
-//   localStorage.removeItem('username')
-//   document.querySelector("#loggeduser").innerHTML = 'You are not logged in'
-// }
+// IF THERE IS NO COOKIE BUT A USERNAME GET RID OF USERNAME LOCALLY.
+if (allCookies === '' && myStorage.length !== 0) {
+  localStorage.removeItem('username')
+  document.querySelector("#loggeduser").innerHTML = 'You are not logged in'
+}