From 0f5bc219f2dd55e9fe05b255ec7eea513d697efa Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sun, 8 Sep 2024 19:37:50 +0200
Subject: [PATCH] Changed slightly user menu

---
 components/global/user/CTA.vue | 16 +++++++++++-----
 i18n.config.ts                 |  2 ++
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/components/global/user/CTA.vue b/components/global/user/CTA.vue
index f5c82c1..911b3a2 100644
--- a/components/global/user/CTA.vue
+++ b/components/global/user/CTA.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed } from "vue"
 
-import { PhCheckCircle, PhGear, PhGlobeHemisphereWest, PhLaptop, PhMoon, PhPalette, PhSignOut, PhSun, PhTranslate, PhUserCircle } from "@phosphor-icons/vue"
+import { PhCheckCircle, PhGear, PhGlobeHemisphereWest, PhLaptop, PhMoon, PhPalette, PhSignIn, PhSignOut, PhSun, PhTranslate, PhUserCircle } from "@phosphor-icons/vue"
 import { cn } from "~/lib/utils";
 
 const router = useRouter()
@@ -70,12 +70,12 @@ function pushRoute(to: AvailableRoutes) {
             {{ $t('ui.sidebarMenu.avatarFallback') }}
           </UiAvatarFallback>
         </UiAvatar>
-        <UiButton v-else variant="outline" size="icon">
-          <PhUserCircle size="18" />
+        <UiButton v-else variant="outline" size="icon" class="rounded-full">
+          <PhUserCircle size="24" />
         </UiButton>
       </UiDropdownMenuTrigger>
 
-      <UiDropdownMenuContent class="w-72 p-0" :align="'start'" :side="'top'" :side-offset="10" :align-offset="25" :collision-padding="40">
+      <UiDropdownMenuContent class="w-72 p-0 pb-1" :align="'start'" :side="'top'" :side-offset="10" :align-offset="25" :collision-padding="40">
         <template v-if="user">
           <p class="p-2 text-[.7em] opacity-75">
             {{ $t('ui.greeting', { user: user?.email }) }}
@@ -91,6 +91,12 @@ function pushRoute(to: AvailableRoutes) {
           <UiDropdownMenuSeparator />
         </template>
 
+        <template v-else>
+          <p class="p-2 text-[.7em] opacity-75">
+            {{ $t('ui.anonymousGreeting') }}
+          </p>
+        </template>
+
         <UiDropdownMenuSub>
           <UiDropdownMenuSubTrigger class="p-0 rounded-none">
             <UiDropdownMenuItem class="flex gap-[.5ch] items-center pointer-events-none">
@@ -195,7 +201,7 @@ function pushRoute(to: AvailableRoutes) {
         </template>
 
         <UiDropdownMenuItem v-if="!user" class="flex gap-[.5ch] items-center rounded-none" @click="handleGoogleLogin">
-          <PhGear size="20" weight="fill" />
+          <PhSignIn size="18" weight="fill" />
           <span>
             {{ $t('ui.sidebarMenu.login') }}
           </span>
diff --git a/i18n.config.ts b/i18n.config.ts
index 5db15c1..5bcc205 100644
--- a/i18n.config.ts
+++ b/i18n.config.ts
@@ -17,6 +17,7 @@ export default defineI18nConfig(() => ({
           edit: "Edit",
         },
         greeting: "Connected as {user}",
+        anonymousGreeting: "Preferences",
         sidebarMenu: {
           appearance: "Appearance",
           language: "Language",
@@ -189,6 +190,7 @@ export default defineI18nConfig(() => ({
           edit: "Modifier",
         },
         greeting: "Connecté en tant que {user}",
+        anonymousGreeting: "Préférences",
         sidebarMenu: {
           appearance: "Apparence",
           language: "Langue",