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

fix(website/i18n): header sometimes not correctly translated

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

15
apps/website/src/components/Header.tsx
View File

@ -23,11 +23,14 @@ export function Header(props: {repoStargazersCount: number}) {
const locale = useContext(LocaleContext);
const [ mobileMenuShown, setMobileMenuShown ] = useState(false);
const HEADER_LINKS = useMemo<HeaderLink[]>(() => [
{ url: "/get-started/", text: t("header.get-started") },
{ url: "https://docs.triliumnotes.org/", text: t("header.documentation"), external: true },
{ url: "/support-us/", text: t("header.support-us") }
], [ locale ]);
const [ headerLinks, setHeaderLinks ] = useState<HeaderLink[]>([]);
useEffect(() => {
setHeaderLinks([
{ url: "/get-started/", text: t("header.get-started") },
{ url: "https://docs.triliumnotes.org/", text: t("header.documentation"), external: true },
{ url: "/support-us/", text: t("header.support-us") }
]);
}, [ locale ]);
return (
<header>
@ -50,7 +53,7 @@ export function Header(props: {repoStargazersCount: number}) {
</div>
<nav className={`${mobileMenuShown ? "mobile-shown" : ""}`}>
{HEADER_LINKS.map(link => (
{headerLinks.map(link => (
<Link
href={link.external ? link.url : `/${locale}${link.url}`}
className={url === link.url ? "active" : ""}

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

@ -52,14 +52,15 @@ export function LocaleProvider({ children }) {
},
returnEmptyString: false
}).then(() => setLoaded(true))
}, []);
}, []);
useEffect(() => {
useLayoutEffect(() => {
if (!loaded) return;
changeLanguage(localeId);
const correspondingLocale = LOCALES.find(l => l.id === localeId);
document.documentElement.lang = localeId;
document.documentElement.dir = correspondingLocale?.rtl ? "rtl" : "ltr";
}, [ localeId ]);
}, [ loaded, localeId ]);
return (
<LocaleContext.Provider value={localeId}>