feat(frontend): Show "Incorrect password" if the password is wrong

ravenclaw900 · Dec 30, 2021 · 02c540e · 02c540e
1 parent 95d07b2
commit 02c540e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/frontend/.yarn/install-state.gz b/src/frontend/.yarn/install-state.gz
diff --git a/src/frontend/src/App.svelte b/src/frontend/src/App.svelte
@@ -99,6 +99,7 @@
  let node = `${window.location.hostname}:${window.location.port}`;
  let notificationsShown = false;
  let settingsShown = false;
+ let passwordMessage = false;
 
  // Get dark mode
  if (localStorage.getItem("darkMode") != null) {
@@ -189,7 +190,10 @@
  (response) =>
  response.text().then((body) => {
  password = "";
- if (body != "Unauthorized") {
+ if (body == "Unauthorized") {
+ passwordMessage = true;
+ setTimeout(() => (passwordMessage = false), 2000);
+ } else {
  (token = body),
  localStorage.setItem("token", body),
  (loginDialog = false),
@@ -251,6 +255,11 @@
  class="border-gray-500 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none border p-2 rounded active:bg-gray-200 dark:active:bg-gray-800"
  >Login</button
  >
+ {#if passwordMessage}
+ <h6 class="text-red-500" transition:fade>
+ Incorrect password
+ </h6>
+ {/if}
  </div>
  </div>
  {/if}