Fix some UI issues
This commit is contained in:
@@ -21,8 +21,8 @@ export function LanguageSelector({
|
|||||||
const languageOptions = supportedLanguages.map(lang => ({
|
const languageOptions = supportedLanguages.map(lang => ({
|
||||||
value: lang,
|
value: lang,
|
||||||
label: variant === 'compact'
|
label: variant === 'compact'
|
||||||
? `${languageConfig[lang].flag} ${languageConfig[lang].code.toUpperCase()}`
|
? languageConfig[lang].code.toUpperCase()
|
||||||
: `${languageConfig[lang].flag} ${languageConfig[lang].nativeName}`,
|
: languageConfig[lang].nativeName,
|
||||||
}));
|
}));
|
||||||
|
|
||||||
const handleLanguageChange = (value: string | number | Array<string | number>) => {
|
const handleLanguageChange = (value: string | number | Array<string | number>) => {
|
||||||
|
|||||||
@@ -93,21 +93,21 @@ export const languageConfig = {
|
|||||||
name: 'Español',
|
name: 'Español',
|
||||||
nativeName: 'Español',
|
nativeName: 'Español',
|
||||||
code: 'es',
|
code: 'es',
|
||||||
flag: '🇪🇸',
|
flag: 'es', // Using language code instead of flag for proper language identification
|
||||||
rtl: false,
|
rtl: false,
|
||||||
},
|
},
|
||||||
en: {
|
en: {
|
||||||
name: 'English',
|
name: 'English',
|
||||||
nativeName: 'English',
|
nativeName: 'English',
|
||||||
code: 'en',
|
code: 'en',
|
||||||
flag: '🇺🇸',
|
flag: 'en', // Using language code instead of flag for proper language identification
|
||||||
rtl: false,
|
rtl: false,
|
||||||
},
|
},
|
||||||
eu: {
|
eu: {
|
||||||
name: 'Euskera',
|
name: 'Basque',
|
||||||
nativeName: 'Euskera',
|
nativeName: 'Euskera',
|
||||||
code: 'eu',
|
code: 'eu',
|
||||||
flag: '🏴',
|
flag: 'eu', // Using language code instead of flag for proper language identification
|
||||||
rtl: false,
|
rtl: false,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -107,7 +107,7 @@ export const useUIStore = create<UIState>()(
|
|||||||
persist(
|
persist(
|
||||||
(set, get) => ({
|
(set, get) => ({
|
||||||
// Initial state
|
// Initial state
|
||||||
theme: 'light',
|
theme: 'dark',
|
||||||
language: 'es',
|
language: 'es',
|
||||||
sidebarState: 'expanded',
|
sidebarState: 'expanded',
|
||||||
compactMode: false,
|
compactMode: false,
|
||||||
@@ -375,13 +375,13 @@ if (typeof window !== 'undefined') {
|
|||||||
if (storedState) {
|
if (storedState) {
|
||||||
try {
|
try {
|
||||||
const { state } = JSON.parse(storedState);
|
const { state } = JSON.parse(storedState);
|
||||||
useUIStore.getState().setTheme(state.theme || 'auto');
|
useUIStore.getState().setTheme(state.theme || 'dark');
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.warn('Failed to parse stored UI state:', error);
|
console.warn('Failed to parse stored UI state:', error);
|
||||||
useUIStore.getState().setTheme('auto');
|
useUIStore.getState().setTheme('dark');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
useUIStore.getState().setTheme('auto');
|
useUIStore.getState().setTheme('dark');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Listen for system theme changes
|
// Listen for system theme changes
|
||||||
|
|||||||
Reference in New Issue
Block a user