From 44193aa018bf06e761c5af5b74dae1020607b8b3 Mon Sep 17 00:00:00 2001
From: Alexis <alexis.pele@pm.me>
Date: Tue, 12 Aug 2025 10:34:23 +0200
Subject: [PATCH] Added about link to CTA

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

diff --git a/app/components/global/user/CTA.vue b/app/components/global/user/CTA.vue
index 667ff4e..0dc94ef 100644
--- a/app/components/global/user/CTA.vue
+++ b/app/components/global/user/CTA.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed } from "vue"
 
-import { PhCheckCircle, PhUser, PhLaptop, PhMoon, PhPalette, PhSignIn, PhSignOut, PhSun, PhTranslate, PhUserCircle } from "@phosphor-icons/vue"
+import { PhCheckCircle, PhUser, PhLaptop, PhMoon, PhPalette, PhSignIn, PhSignOut, PhSun, PhTranslate, PhUserCircle, PhInfo } from "@phosphor-icons/vue"
 import { cn } from "@/lib/utils";
 
 const router = useRouter()
@@ -45,7 +45,7 @@ async function handleLogout() {
   }
 }
 
-type AvailableRoutes = "/my" | "/my/settings"
+type AvailableRoutes = "/my" | "/my/settings" | "/about"
 
 function pushRoute(to: AvailableRoutes) {
   router.push({ path: to })
@@ -194,6 +194,13 @@ function pushRoute(to: AvailableRoutes) {
           </UiDropdownMenuPortal>
         </UiDropdownMenuSub>
 
+        <UiDropdownMenuItem class="flex gap-[.5ch] items-center rounded-none" @click="pushRoute('/about')">
+          <PhInfo size="20" weight="fill" />
+          <span>
+            {{ $t('ui.sidebarMenu.about') }}
+          </span>
+        </UiDropdownMenuItem>
+
         <UiDropdownMenuSeparator />
 
         <template v-if="user">
diff --git a/i18n/i18n.config.ts b/i18n/i18n.config.ts
index 15723b4..cc982cc 100644
--- a/i18n/i18n.config.ts
+++ b/i18n/i18n.config.ts
@@ -75,6 +75,7 @@ export default defineI18nConfig(() => ({
           login: "Log in",
           logout: "Log out",
           avatarFallback: "Profile",
+          about: "About application",
         },
         dark: "Dark",
         light: "Light",
@@ -425,6 +426,7 @@ export default defineI18nConfig(() => ({
           login: "Connexion",
           logout: "Déconnexion",
           avatarFallback: "Profil",
+          about: "À propos",
         },
         dark: "Sombre",
         light: "Clair",