gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-07 15:09:01 +01:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

feat(website/i18n): language auto-detection

Browse Source
This commit is contained in:
Elian Doran 2025-10-25 21:39:02 +03:00
parent 71cd92e0b5
commit bc580f2a88
No known key found for this signature in database
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/website/src/index.tsx
View File

@ -8,7 +8,7 @@ import Footer from './components/Footer.js';
import GetStarted from './pages/GetStarted/get-started.js'; import GetStarted from './pages/GetStarted/get-started.js';
import SupportUs from './pages/SupportUs/SupportUs.js'; import SupportUs from './pages/SupportUs/SupportUs.js';
import { createContext } from 'preact'; import { createContext } from 'preact';
import { useEffect, useLayoutEffect, useState } from 'preact/hooks'; import { useLayoutEffect, useState } from 'preact/hooks';
import { default as i18next, changeLanguage } from 'i18next'; import { default as i18next, changeLanguage } from 'i18next';
import { LOCALES } from './i18n'; import { LOCALES } from './i18n';
import HttpApi from 'i18next-http-backend'; import HttpApi from 'i18next-http-backend';
@ -23,10 +23,13 @@ export function App(props: {repoStargazersCount: number}) {
<Header repoStargazersCount={props.repoStargazersCount} /> <Header repoStargazersCount={props.repoStargazersCount} />
<main> <main>
<Router> <Router>
<Route path="/" component={Home} />
<Route path="/:locale:/" component={Home} /> <Route path="/:locale:/" component={Home} />
<Route default component={NotFound} />
<Route path="/:locale:/get-started" component={GetStarted} /> <Route path="/:locale:/get-started" component={GetStarted} />
<Route path="/:locale:/support-us" component={SupportUs} /> <Route path="/:locale:/support-us" component={SupportUs} />
<Route default component={NotFound} />
</Router> </Router>
</main> </main>
<Footer /> <Footer />
@ -37,7 +40,7 @@ export function App(props: {repoStargazersCount: number}) {
export function LocaleProvider({ children }) { export function LocaleProvider({ children }) {
const { path } = useLocation(); const { path } = useLocation();
const localeId = path.split('/')[1] || 'en'; const localeId = path.split('/')[1] || navigator.language;
const [ loaded, setLoaded ] = useState(false); const [ loaded, setLoaded ] = useState(false);
useLayoutEffect(() => { useLayoutEffect(() => {