Add login link to guest usernav

StevenWeathers · Apr 7, 2024 · dfdaf48 · dfdaf48
1 parent 803a324
commit dfdaf48
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/ui/src/components/global/NavUserMenu.svelte b/ui/src/components/global/NavUserMenu.svelte
@@ -6,6 +6,7 @@
   import UserAvatar from '../user/UserAvatar.svelte';
   import { onMount } from 'svelte';
   import VoteIcon from '../icons/VoteIcon.svelte';
+  import LockIcon from '../icons/LockIcon.svelte';
 
   export let currentPage;
   export let eventTag;
@@ -36,6 +37,11 @@
     router.route(appRoutes.register, true);
   }
 
+  function goToLogin() {
+    toggleMenu();
+    router.route(appRoutes.login, true);
+  }
+
   function getProfile() {
     xfetch(`/api/users/${$user.id}`)
       .then(res => res.json())
@@ -121,6 +127,16 @@
           <span>{$LL.createAccount()}</span>
         </button>
       </li>
+      <li class="flex">
+        <button
+          class="inline-flex items-center w-full px-2 py-1 font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
+          data-testid="login-link"
+          on:click="{goToLogin}"
+        >
+          <LockIcon class="w-4 h-4 me-3 " />
+          <span>{$LL.login()}</span>
+        </button>
+      </li>
     {:else}
       <li class="flex">
         <button