Files
mai-bot/dashboard/src/main.tsx
DrSmoothl a65a40f85f feat(dashboard): add i18n support with zh/en/ja/ko locales
- Add react-i18next + i18next + i18next-browser-languagedetector
- Create i18n config (singleton import) with zh/en/ja/ko JSON locale files
- Add language switcher Globe dropdown in Header topbar
- Replace all hardcoded Chinese strings in:
  - Layout (Header, Sidebar, NavItem, Layout, constants)
  - Settings (index, AppearanceTab, SecurityTab, OtherTab, AboutTab)
  - Auth page (auth.tsx)
  - Search dialog (searchItems via useMemo + t())
  - Restart overlay (getStatusConfig accepts t param)
  - Error boundary (ErrorFallback, ErrorDetails function components)
  - HTTP warning banner
- localStorage key: maibot-locale
- Compatible with Electron
2026-03-03 20:50:06 +08:00

44 lines
1.4 KiB
TypeScript

import { StrictMode, useEffect, useState } from 'react'
import { createRoot } from 'react-dom/client'
import { RouterProvider } from '@tanstack/react-router'
import './index.css'
import './i18n'
import { router } from './router'
import { AssetStoreProvider } from './components/asset-provider'
import { ThemeProvider } from './components/theme-provider'
import { AnimationProvider } from './components/animation-provider'
import { TourProvider, TourRenderer } from './components/tour'
import { Toaster } from './components/ui/toaster'
import { ErrorBoundary } from './components/error-boundary'
import { BackendSetupWizard } from './components/electron/BackendSetupWizard'
import { isElectron } from './lib/runtime'
function ElectronShell() {
const [isFirstLaunch, setIsFirstLaunch] = useState(false)
useEffect(() => {
window.electronAPI!.isFirstLaunch().then(setIsFirstLaunch)
}, [])
return <BackendSetupWizard open={isFirstLaunch} />
}
createRoot(document.getElementById('root')!).render(
<StrictMode>
<ErrorBoundary>
<AssetStoreProvider>
<ThemeProvider defaultTheme="system">
<AnimationProvider>
<TourProvider>
{isElectron() && <ElectronShell />}
<RouterProvider router={router} />
<TourRenderer />
<Toaster />
</TourProvider>
</AnimationProvider>
</ThemeProvider>
</AssetStoreProvider>
</ErrorBoundary>
</StrictMode>
)