Fix some UI issues
This commit is contained in:
@@ -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<string | number>) => {
|
||||
|
||||
@@ -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,
|
||||
},
|
||||
};
|
||||
|
||||
@@ -107,7 +107,7 @@ export const useUIStore = create<UIState>()(
|
||||
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
|
||||
|
||||
Reference in New Issue
Block a user