From be1fec17c40c634a4b15651be9117a4ac53773e0 Mon Sep 17 00:00:00 2001 From: Urtzi Alfaro Date: Wed, 24 Sep 2025 19:15:29 +0200 Subject: [PATCH] Fix some UI issues --- frontend/src/components/ui/LanguageSelector.tsx | 4 ++-- frontend/src/locales/index.ts | 8 ++++---- frontend/src/stores/ui.store.ts | 8 ++++---- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/frontend/src/components/ui/LanguageSelector.tsx b/frontend/src/components/ui/LanguageSelector.tsx index 6c5d9a0c..ad31ce1c 100644 --- a/frontend/src/components/ui/LanguageSelector.tsx +++ b/frontend/src/components/ui/LanguageSelector.tsx @@ -21,8 +21,8 @@ export function LanguageSelector({ const languageOptions = supportedLanguages.map(lang => ({ value: lang, label: variant === 'compact' - ? `${languageConfig[lang].flag} ${languageConfig[lang].code.toUpperCase()}` - : `${languageConfig[lang].flag} ${languageConfig[lang].nativeName}`, + ? languageConfig[lang].code.toUpperCase() + : languageConfig[lang].nativeName, })); const handleLanguageChange = (value: string | number | Array) => { diff --git a/frontend/src/locales/index.ts b/frontend/src/locales/index.ts index a34d213b..8ef78978 100644 --- a/frontend/src/locales/index.ts +++ b/frontend/src/locales/index.ts @@ -93,21 +93,21 @@ export const languageConfig = { name: 'Español', nativeName: 'Español', code: 'es', - flag: '🇪🇸', + flag: 'es', // Using language code instead of flag for proper language identification rtl: false, }, en: { name: 'English', nativeName: 'English', code: 'en', - flag: '🇺🇸', + flag: 'en', // Using language code instead of flag for proper language identification rtl: false, }, eu: { - name: 'Euskera', + name: 'Basque', nativeName: 'Euskera', code: 'eu', - flag: '🏴󠁥󠁳󠁰󠁶󠁿', + flag: 'eu', // Using language code instead of flag for proper language identification rtl: false, }, }; diff --git a/frontend/src/stores/ui.store.ts b/frontend/src/stores/ui.store.ts index 5ae3d9eb..c88b6a97 100644 --- a/frontend/src/stores/ui.store.ts +++ b/frontend/src/stores/ui.store.ts @@ -107,7 +107,7 @@ export const useUIStore = create()( persist( (set, get) => ({ // Initial state - theme: 'light', + theme: 'dark', language: 'es', sidebarState: 'expanded', compactMode: false, @@ -375,13 +375,13 @@ if (typeof window !== 'undefined') { if (storedState) { try { const { state } = JSON.parse(storedState); - useUIStore.getState().setTheme(state.theme || 'auto'); + useUIStore.getState().setTheme(state.theme || 'dark'); } catch (error) { console.warn('Failed to parse stored UI state:', error); - useUIStore.getState().setTheme('auto'); + useUIStore.getState().setTheme('dark'); } } else { - useUIStore.getState().setTheme('auto'); + useUIStore.getState().setTheme('dark'); } // Listen for system theme changes