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

feat(website/i18n): highlight current language

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

7
apps/website/src/components/Footer.tsx
View File

@ -8,10 +8,13 @@ import { Link } from "./Button.js";
import { LOCALES, swapLocaleInUrl } from "../i18n";
import { useTranslation } from "react-i18next";
import { useLocation } from "preact-iso";
import { useContext } from "preact/hooks";
import { LocaleContext } from "..";
export default function Footer() {
const { t } = useTranslation();
const { url } = useLocation();
const currentLocale = useContext(LocaleContext);
return (
<footer>
@ -28,7 +31,9 @@ export default function Footer() {
<div class="row">
<nav class="languages">
{LOCALES.map(locale => (
<Link href={swapLocaleInUrl(url, locale.id)}>{locale.name}</Link>
locale.id !== currentLocale
? <Link href={swapLocaleInUrl(url, locale.id)}>{locale.name}</Link>
: <span className="active">{locale.name}</span>
))}
</nav>
</div>