Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed slightly user menu

Browse Source
This commit is contained in:
Alexis
2024-09-08 19:37:50 +02:00
parent 2f79de8483
commit 0f5bc219f2
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/global/user/CTA.vue
View File

@@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from "vue" 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"; import { cn } from "~/lib/utils";
const router = useRouter() const router = useRouter()
@@ -70,12 +70,12 @@ function pushRoute(to: AvailableRoutes) {
{{ $t('ui.sidebarMenu.avatarFallback') }} {{ $t('ui.sidebarMenu.avatarFallback') }}
</UiAvatarFallback> </UiAvatarFallback>
</UiAvatar> </UiAvatar>
<UiButton v-else variant="outline" size="icon"> <UiButton v-else variant="outline" size="icon" class="rounded-full">
<PhUserCircle size="18" /> <PhUserCircle size="24" />
</UiButton> </UiButton>
</UiDropdownMenuTrigger> </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"> <template v-if="user">
<p class="p-2 text-[.7em] opacity-75"> <p class="p-2 text-[.7em] opacity-75">
{{ $t('ui.greeting', { user: user?.email }) }} {{ $t('ui.greeting', { user: user?.email }) }}
@@ -91,6 +91,12 @@ function pushRoute(to: AvailableRoutes) {
<UiDropdownMenuSeparator /> <UiDropdownMenuSeparator />
</template> </template>
<template v-else>
<p class="p-2 text-[.7em] opacity-75">
{{ $t('ui.anonymousGreeting') }}
</p>
</template>
<UiDropdownMenuSub> <UiDropdownMenuSub>
<UiDropdownMenuSubTrigger class="p-0 rounded-none"> <UiDropdownMenuSubTrigger class="p-0 rounded-none">
<UiDropdownMenuItem class="flex gap-[.5ch] items-center pointer-events-none"> <UiDropdownMenuItem class="flex gap-[.5ch] items-center pointer-events-none">
@@ -195,7 +201,7 @@ function pushRoute(to: AvailableRoutes) {
</template> </template>
<UiDropdownMenuItem v-if="!user" class="flex gap-[.5ch] items-center rounded-none" @click="handleGoogleLogin"> <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> <span>
{{ $t('ui.sidebarMenu.login') }} {{ $t('ui.sidebarMenu.login') }}
</span> </span>

2
i18n.config.ts
View File

@@ -17,6 +17,7 @@ export default defineI18nConfig(() => ({
edit: "Edit", edit: "Edit",
}, },
greeting: "Connected as {user}", greeting: "Connected as {user}",
anonymousGreeting: "Preferences",
sidebarMenu: { sidebarMenu: {
appearance: "Appearance", appearance: "Appearance",
language: "Language", language: "Language",
@@ -189,6 +190,7 @@ export default defineI18nConfig(() => ({
edit: "Modifier", edit: "Modifier",
}, },
greeting: "Connecté en tant que {user}", greeting: "Connecté en tant que {user}",
anonymousGreeting: "Préférences",
sidebarMenu: { sidebarMenu: {
appearance: "Apparence", appearance: "Apparence",
language: "Langue", language: "Langue",