Update UserNav for guest users

StevenWeathers · Apr 7, 2024 · 803a324 · 803a324
1 parent 044f789
commit 803a324
Show file tree

Hide file tree

Showing 9 changed files with 50 additions and 22 deletions.
diff --git a/ui/src/components/global/NavUserMenu.svelte b/ui/src/components/global/NavUserMenu.svelte
@@ -5,6 +5,7 @@
  import { user } from '../../stores';
  import UserAvatar from '../user/UserAvatar.svelte';
  import { onMount } from 'svelte';
+ import VoteIcon from '../icons/VoteIcon.svelte';
 
  export let currentPage;
  export let eventTag;
@@ -30,6 +31,11 @@
  router.route(appRoutes.profile, true);
  }
 
+ function goToRegister() {
+ toggleMenu();
+ router.route(appRoutes.register, true);
+ }
+
  function getProfile() {
  xfetch(`/api/users/${$user.id}`)
  .then(res => res.json())
@@ -101,30 +107,44 @@
  on:click="{goToProfile}"
  >
  <UserIcon class="h-4 w-4 me-3" />
- <span>Profile</span>
+ <span>{$LL.profile()}</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"
- on:click="{logoutUser}"
- >
- <svg
- class="w-4 h-4 me-3"
- aria-hidden="true"
- fill="none"
- stroke-linecap="round"
- stroke-linejoin="round"
- stroke-width="2"
- viewBox="0 0 24 24"
- stroke="currentColor"
+ {#if $user.rank === 'GUEST'}
+ <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="create-account-link"
+ on:click="{goToRegister}"
  >
- <path
- d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
- ></path>
- </svg>
- <span>{$LL.logout()}</span>
- </button>
- </li>
+ <VoteIcon class="w-4 h-4 me-3 " />
+ <span>{$LL.createAccount()}</span>
+ </button>
+ </li>
+ {:else}
+ <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="logout-link"
+ on:click="{logoutUser}"
+ >
+ <svg
+ class="w-4 h-4 me-3"
+ aria-hidden="true"
+ fill="none"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ viewBox="0 0 24 24"
+ stroke="currentColor"
+ >
+ <path
+ d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
+ ></path>
+ </svg>
+ <span>{$LL.logout()}</span>
+ </button>
+ </li>
+ {/if}
  </ul>
 {/if}
diff --git a/ui/src/i18n/de/index.ts b/ui/src/i18n/de/index.ts
@@ -520,6 +520,7 @@ const de: Translation = {
  profileDeleteError:
  'Es ist ein Fehler beim L\u00F6schen des Kontos aufgetreten.',
  profileTitle: 'Profil',
+ profile: 'Profil',
  updatePassword: 'Passwort \u00E4ndern',
  deleteAccount: 'Konto l\u00F6schen',
  deleteAccountWarningStatement:

diff --git a/ui/src/i18n/en/index.ts b/ui/src/i18n/en/index.ts
@@ -511,6 +511,7 @@ const en: BaseTranslation = {
  passwordUpdateError: 'Error encountered attempting to update password',
  profileDeleteError: 'Error encountered attempting to delete your account.',
  profileTitle: 'Your Profile',
+ profile: 'Profile',
  updatePassword: 'Update Password',
  deleteAccount: 'Delete Account',
  deleteAccountWarningStatement:

diff --git a/ui/src/i18n/es/index.ts b/ui/src/i18n/es/index.ts
@@ -511,6 +511,7 @@ const es: Translation = {
  passwordUpdateError: 'Error encountered attempting to update password',
  profileDeleteError: 'Error encountered attempting to delete your account.',
  profileTitle: 'Your Profile',
+ profile: 'Profile',
  updatePassword: 'Update Password',
  deleteAccount: 'Delete Account',
  deleteAccountWarningStatement:

diff --git a/ui/src/i18n/fa/index.ts b/ui/src/i18n/fa/index.ts
@@ -511,6 +511,7 @@ const fa: Translation = {
  passwordUpdateError: 'Error encountered attempting to update password',
  profileDeleteError: 'Error encountered attempting to delete your account.',
  profileTitle: 'Your Profile',
+ profile: 'Profile',
  updatePassword: 'Update Password',
  deleteAccount: 'Delete Account',
  deleteAccountWarningStatement:

diff --git a/ui/src/i18n/fr/index.ts b/ui/src/i18n/fr/index.ts
@@ -522,6 +522,7 @@ const fr: Translation = {
  passwordUpdateError: 'Erreur lors de la mise à jour du mot de passe',
  profileDeleteError: 'Erreur lors de la suppression de votre compte.',
  profileTitle: 'Votre Profil',
+ profile: 'Profile',
  updatePassword: 'Mettre à jour le mot de passe',
  deleteAccount: 'Supprimer le compte',
  deleteAccountWarningStatement:

diff --git a/ui/src/i18n/it/index.ts b/ui/src/i18n/it/index.ts
@@ -539,6 +539,7 @@ const it: Translation = {
  profileDeleteError:
  'Errore riscontrato tentativo di eliminare il tuo account.',
  profileTitle: 'Il tuo profilo',
+ profile: 'Profile',
  updatePassword: 'Aggiorna la password',
  deleteAccount: "Eliminare l'account",
  deleteAccountWarningStatement:

diff --git a/ui/src/i18n/pt/index.ts b/ui/src/i18n/pt/index.ts
@@ -525,6 +525,7 @@ const pt: Translation = {
  passwordUpdateError: 'Erro ao tentar atualizar a senha',
  profileDeleteError: 'Erro encontrado ao tentar excluir sua conta.',
  profileTitle: 'Seu perfil',
+ profile: 'Profile',
  updatePassword: 'Atualizar senha',
  deleteAccount: 'Excluir conta',
  deleteAccountWarningStatement: 'Tem certeza de que deseja excluir sua conta?',

diff --git a/ui/src/i18n/ru/index.ts b/ui/src/i18n/ru/index.ts
@@ -511,6 +511,7 @@ const ru: Translation = {
  passwordUpdateError: 'Error encountered attempting to update password',
  profileDeleteError: 'Error encountered attempting to delete your account.',
  profileTitle: 'Your Profile',
+ profile: 'Profile',
  updatePassword: 'Update Password',
  deleteAccount: 'Delete Account',
  deleteAccountWarningStatement: