diff --git a/locales/de/translation.json b/locales/de/translation.json index 96442b6..623688c 100644 --- a/locales/de/translation.json +++ b/locales/de/translation.json @@ -59,6 +59,8 @@ "donatePayPal": "Über PayPal spenden" }, "menu": "Menü", + "closeMenu": "Menü schließen", + "openMenu": "Menü öffnen", "language": { "en": { "name": "Englisch" diff --git a/locales/en/translation.json b/locales/en/translation.json index 3680aec..6c1e4a4 100644 --- a/locales/en/translation.json +++ b/locales/en/translation.json @@ -59,6 +59,8 @@ "donatePayPal": "Donate using PayPal" }, "menu": "Menu", + "closeMenu": "Close Menu", + "openMenu": "Open Menu", "language": { "en": { "name": "English" diff --git a/src/components/navigation.js b/src/components/navigation.js index 7a24412..f221462 100644 --- a/src/components/navigation.js +++ b/src/components/navigation.js @@ -101,6 +101,7 @@ const Navigation = ({ isHome }) => { toggled={offscreenNavActive} rounded size={30} + label={t("openMenu")} /> diff --git a/src/components/offscreenNav.js b/src/components/offscreenNav.js index ffa7969..01abd72 100644 --- a/src/components/offscreenNav.js +++ b/src/components/offscreenNav.js @@ -8,6 +8,7 @@ import * as styles from "./navigation.module.scss"; import { X } from "lucide-react"; const OffScreenNav = ({ active, close }) => { + const { t } = useTranslation(); if (typeof document === "undefined") return <>>; return createPortal( @@ -17,7 +18,11 @@ const OffScreenNav = ({ active, close }) => { } >