diff --git a/frontend/src/lib/components/sidebar/nav-user.svelte b/frontend/src/lib/components/sidebar/nav-user.svelte index 5ee9452b..a29971cb 100644 --- a/frontend/src/lib/components/sidebar/nav-user.svelte +++ b/frontend/src/lib/components/sidebar/nav-user.svelte @@ -9,14 +9,26 @@ import CreditCardIcon from "@lucide/svelte/icons/credit-card"; import LogOutIcon from "@lucide/svelte/icons/log-out"; import SparklesIcon from "@lucide/svelte/icons/sparkles"; + import LanguagesIcon from "@lucide/svelte/icons/languages"; import { logout } from "$lib/auth"; + import { setLocale, locales } from "$lib/paraglide/runtime"; + import { page } from "$app/state"; let { user }: { user: { name: string; email: string; avatar: string } } = $props(); const sidebar = useSidebar(); + // Estado reactivo del idioma actual + let currentLocale = $derived(page.data.locale || 'en'); + async function handleLogout() { await logout(); } + + function toggleLanguage() { + // Alternar entre 'en' y 'es' + const newLocale = currentLocale === 'en' ? 'es' : 'en'; + setLocale(newLocale); + } @@ -82,6 +94,11 @@ + + + Language: {currentLocale.toUpperCase()} + + Log out