mirror of
				https://github.com/zadam/trilium.git
				synced 2025-11-04 13:39:01 +01:00 
			
		
		
		
	feat(website/i18n): language auto-detection
This commit is contained in:
		
							parent
							
								
									71cd92e0b5
								
							
						
					
					
						commit
						bc580f2a88
					
				@ -8,7 +8,7 @@ import Footer from './components/Footer.js';
 | 
			
		||||
import GetStarted from './pages/GetStarted/get-started.js';
 | 
			
		||||
import SupportUs from './pages/SupportUs/SupportUs.js';
 | 
			
		||||
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 { LOCALES } from './i18n';
 | 
			
		||||
import HttpApi from 'i18next-http-backend';
 | 
			
		||||
@ -23,10 +23,13 @@ export function App(props: {repoStargazersCount: number}) {
 | 
			
		||||
                <Header repoStargazersCount={props.repoStargazersCount} />
 | 
			
		||||
                <main>
 | 
			
		||||
                    <Router>
 | 
			
		||||
                        <Route path="/" component={Home} />
 | 
			
		||||
 | 
			
		||||
                        <Route path="/:locale:/" component={Home} />
 | 
			
		||||
                        <Route default component={NotFound} />
 | 
			
		||||
                        <Route path="/:locale:/get-started" component={GetStarted} />
 | 
			
		||||
                        <Route path="/:locale:/support-us" component={SupportUs} />
 | 
			
		||||
 | 
			
		||||
                        <Route default component={NotFound} />
 | 
			
		||||
                    </Router>
 | 
			
		||||
                </main>
 | 
			
		||||
                <Footer />
 | 
			
		||||
@ -37,7 +40,7 @@ export function App(props: {repoStargazersCount: number}) {
 | 
			
		||||
 | 
			
		||||
export function LocaleProvider({ children }) {
 | 
			
		||||
  const { path } = useLocation();
 | 
			
		||||
  const localeId = path.split('/')[1] || 'en';
 | 
			
		||||
  const localeId = path.split('/')[1] || navigator.language;
 | 
			
		||||
  const [ loaded, setLoaded ] = useState(false);
 | 
			
		||||
 | 
			
		||||
  useLayoutEffect(() => {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user