studio/meet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🌐(frontend) make react aria use current language

Browse Source 
react aria has default strings for a few UI elements (like "select an
item" on an empty select), make sure it uses currently defined language.
This commit is contained in:
Emmanuel Pelletier
2024-08-05 17:25:22 +02:00
committed by aleb_the_flash
parent 6189e6454d
commit 6ab5b3300a
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/frontend/src/App.tsx
View File

@@ -6,6 +6,7 @@ import { QueryClientProvider } from '@tanstack/react-query'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { useLang } from 'hoofd' import { useLang } from 'hoofd'
import { Switch, Route } from 'wouter' import { Switch, Route } from 'wouter'
import { I18nProvider } from 'react-aria-components'
import { Layout } from './layout/Layout' import { Layout } from './layout/Layout'
import { NotFoundScreen } from './components/NotFoundScreen' import { NotFoundScreen } from './components/NotFoundScreen'
import { routes } from './routes' import { routes } from './routes'
@@ -23,15 +24,17 @@ function App() {
return ( return (
<QueryClientProvider client={queryClient}> <QueryClientProvider client={queryClient}>
<Suspense fallback={null}> <Suspense fallback={null}>
<Layout> <I18nProvider locale={i18n.language}>
<Switch> <Layout>
{Object.entries(routes).map(([, route], i) => ( <Switch>
<Route key={i} path={route.path} component={route.Component} /> {Object.entries(routes).map(([, route], i) => (
))} <Route key={i} path={route.path} component={route.Component} />
<Route component={NotFoundScreen} /> ))}
</Switch> <Route component={NotFoundScreen} />
</Layout> </Switch>
<ReactQueryDevtools initialIsOpen={false} /> </Layout>
<ReactQueryDevtools initialIsOpen={false} />
</I18nProvider>
</Suspense> </Suspense>
</QueryClientProvider> </QueryClientProvider>
) )