From be5e70130cfb3dd086926aedb22e16a2f8ac206c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 25 Oct 2025 22:39:04 +0300
Subject: [PATCH] feat(website/i18n): highlight current language

---
 apps/website/src/components/Footer.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/website/src/components/Footer.tsx b/apps/website/src/components/Footer.tsx
index c421be961..019de9bec 100644
--- a/apps/website/src/components/Footer.tsx
+++ b/apps/website/src/components/Footer.tsx
@@ -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>