Andrei
acadfe7905
**Pages Localized:** - Login page: All UI strings (titles, labels, buttons, links) - Dashboard page: Welcome message, quick actions, daily summary, predictions - AppShell: Connection status and presence indicators - MobileNav: Menu items and app branding - TabBar: Bottom navigation labels **Translation Files:** - Created dashboard.json for all 5 languages (en, es, fr, pt, zh) - Enhanced common.json with navigation and connection strings - Updated i18n config to include dashboard namespace **Languages Supported:** - English, Spanish, French, Portuguese, Chinese (Simplified) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
136 lines
4.0 KiB
TypeScript
136 lines
4.0 KiB
TypeScript
import i18n from 'i18next';
|
|
import { initReactI18next } from 'react-i18next';
|
|
import LanguageDetector from 'i18next-browser-languagedetector';
|
|
|
|
// Import translation files
|
|
import enCommon from '@/locales/en/common.json';
|
|
import enDashboard from '@/locales/en/dashboard.json';
|
|
import enTracking from '@/locales/en/tracking.json';
|
|
import enAi from '@/locales/en/ai.json';
|
|
import enAuth from '@/locales/en/auth.json';
|
|
import enSettings from '@/locales/en/settings.json';
|
|
import enOnboarding from '@/locales/en/onboarding.json';
|
|
import enErrors from '@/locales/en/errors.json';
|
|
|
|
import esCommon from '@/locales/es/common.json';
|
|
import esDashboard from '@/locales/es/dashboard.json';
|
|
import esTracking from '@/locales/es/tracking.json';
|
|
import esAi from '@/locales/es/ai.json';
|
|
import esAuth from '@/locales/es/auth.json';
|
|
import esSettings from '@/locales/es/settings.json';
|
|
import esOnboarding from '@/locales/es/onboarding.json';
|
|
import esErrors from '@/locales/es/errors.json';
|
|
|
|
import frCommon from '@/locales/fr/common.json';
|
|
import frDashboard from '@/locales/fr/dashboard.json';
|
|
import frTracking from '@/locales/fr/tracking.json';
|
|
import frAi from '@/locales/fr/ai.json';
|
|
import frAuth from '@/locales/fr/auth.json';
|
|
import frSettings from '@/locales/fr/settings.json';
|
|
import frOnboarding from '@/locales/fr/onboarding.json';
|
|
import frErrors from '@/locales/fr/errors.json';
|
|
|
|
import ptCommon from '@/locales/pt/common.json';
|
|
import ptDashboard from '@/locales/pt/dashboard.json';
|
|
import ptTracking from '@/locales/pt/tracking.json';
|
|
import ptAi from '@/locales/pt/ai.json';
|
|
import ptAuth from '@/locales/pt/auth.json';
|
|
import ptSettings from '@/locales/pt/settings.json';
|
|
import ptOnboarding from '@/locales/pt/onboarding.json';
|
|
import ptErrors from '@/locales/pt/errors.json';
|
|
|
|
import zhCommon from '@/locales/zh/common.json';
|
|
import zhDashboard from '@/locales/zh/dashboard.json';
|
|
import zhTracking from '@/locales/zh/tracking.json';
|
|
import zhAi from '@/locales/zh/ai.json';
|
|
import zhAuth from '@/locales/zh/auth.json';
|
|
import zhSettings from '@/locales/zh/settings.json';
|
|
import zhOnboarding from '@/locales/zh/onboarding.json';
|
|
import zhErrors from '@/locales/zh/errors.json';
|
|
|
|
export const resources = {
|
|
en: {
|
|
common: enCommon,
|
|
dashboard: enDashboard,
|
|
tracking: enTracking,
|
|
ai: enAi,
|
|
auth: enAuth,
|
|
settings: enSettings,
|
|
onboarding: enOnboarding,
|
|
errors: enErrors,
|
|
},
|
|
es: {
|
|
common: esCommon,
|
|
dashboard: esDashboard,
|
|
tracking: esTracking,
|
|
ai: esAi,
|
|
auth: esAuth,
|
|
settings: esSettings,
|
|
onboarding: esOnboarding,
|
|
errors: esErrors,
|
|
},
|
|
fr: {
|
|
common: frCommon,
|
|
dashboard: frDashboard,
|
|
tracking: frTracking,
|
|
ai: frAi,
|
|
auth: frAuth,
|
|
settings: frSettings,
|
|
onboarding: frOnboarding,
|
|
errors: frErrors,
|
|
},
|
|
pt: {
|
|
common: ptCommon,
|
|
dashboard: ptDashboard,
|
|
tracking: ptTracking,
|
|
ai: ptAi,
|
|
auth: ptAuth,
|
|
settings: ptSettings,
|
|
onboarding: ptOnboarding,
|
|
errors: ptErrors,
|
|
},
|
|
zh: {
|
|
common: zhCommon,
|
|
dashboard: zhDashboard,
|
|
tracking: zhTracking,
|
|
ai: zhAi,
|
|
auth: zhAuth,
|
|
settings: zhSettings,
|
|
onboarding: zhOnboarding,
|
|
errors: zhErrors,
|
|
},
|
|
} as const;
|
|
|
|
export const defaultNS = 'common';
|
|
|
|
export const supportedLanguages = [
|
|
{ code: 'en', name: 'English', nativeName: 'English' },
|
|
{ code: 'es', name: 'Spanish', nativeName: 'Español' },
|
|
{ code: 'fr', name: 'French', nativeName: 'Français' },
|
|
{ code: 'pt', name: 'Portuguese', nativeName: 'Português' },
|
|
{ code: 'zh', name: 'Chinese', nativeName: '中文' },
|
|
] as const;
|
|
|
|
i18n
|
|
.use(LanguageDetector)
|
|
.use(initReactI18next)
|
|
.init({
|
|
resources,
|
|
defaultNS,
|
|
fallbackLng: 'en',
|
|
supportedLngs: ['en', 'es', 'fr', 'pt', 'zh'],
|
|
interpolation: {
|
|
escapeValue: false, // React already escapes values
|
|
},
|
|
detection: {
|
|
order: ['localStorage', 'navigator'],
|
|
caches: ['localStorage'],
|
|
lookupLocalStorage: 'i18nextLng',
|
|
},
|
|
react: {
|
|
useSuspense: false, // Disable suspense for SSR compatibility
|
|
},
|
|
});
|
|
|
|
export default i18n;
|