Change hrefs to include current language

inovex · Dec 6, 2023 · 7bb4e03 · 7bb4e03
1 parent 1a5da4c
commit 7bb4e03
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 14 deletions.
diff --git a/src/components/Footer/Footer.astro b/src/components/Footer/Footer.astro
@@ -98,16 +98,16 @@ const content = await getTranslatedContent("Footer", lang!);
     <nav class="footer__right">
       <ul class="footer__internal-links">
         <li>
-            <a href="/#Home">{content.home}</a>
+          <a href=`/${lang}#Home`>{content.home}</a>
         </li>
         <li>
-            <a href="/#Features">{content.features}</a>
+          <a href=`/${lang}#Features`>{content.features}</a>
         </li>
         <li>
-            <a href="/#About">{content.about}</a>
+          <a href=`/${lang}#About`>{content.about}</a>
         </li>
         <li>
-            <a href="/#GetStarted">{content.getStarted}</a>
+          <a href=`/new`>{content.getStarted}</a>
         </li>
       </ul>
     </nav>
@@ -116,13 +116,13 @@ const content = await getTranslatedContent("Footer", lang!);
     <div class="footer__bottom-content">
       <ul class="footer__legal-links">
         <li>
-            <a href="/Legal/Privacy">{content.privacy}</a>
+            <a href=`${lang}/Legal/Privacy`>{content.privacy}</a>
         </li>
         <li>
-            <a href="/Legal/Cookies">{content.cookies}</a>
+            <a href=`${lang}/Legal/Cookies`>{content.cookies}</a>
         </li>
         <li>
-            <a href="/Legal/Terms">{content.terms}</a>
+            <a href=`${lang}/Legal/Terms`>{content.terms}</a>
         </li>
       </ul>
       <span>{content.copyright}</span>

diff --git a/src/components/Navbar/Navbar.astro b/src/components/Navbar/Navbar.astro
@@ -11,18 +11,18 @@ const content = await getTranslatedContent("Header", lang!);
 <nav id="navbar" class="navbar">
   <ul>
     <li>
-      <a aria-label="Startseite" href="/">
+      <a aria-label={content.home} href=`/${lang}`>
         <Logo />
       </a>
     </li>
     <li>
-        <a href="/#Home">{content.home}</a>
+      <a href=`/${lang}#Home`>{content.home}</a>
     </li>
     <li>
-        <a href="/#Features">{content.features}</a>
+      <a href=`/${lang}#Features`>{content.features}</a>
     </li>
     <li>
-        <a href="/#About">{content.aboutUs}</a>
+      <a href=`/${lang}#About`>{content.aboutUs}</a>
     </li>
     <li>
       <Link

diff --git a/src/layouts/LegalLayout.astro b/src/layouts/LegalLayout.astro
@@ -2,17 +2,19 @@
 import { ViewTransitions } from "astro:transitions";
 import Layout from "./Layout.astro";
 
+const {lang} = Astro.params;
+
 const navItems = [
   {
-    href: "/Legal/Privacy",
+    href: `/${lang}/Legal/Privacy`,
     name: "Privacy Policy",
   },
   {
-    href: "/Legal/Cookies",
+    href: `/${lang}/Legal/Cookies`,
     name: "Cookie Policy",
   },
   {
-    href: "/Legal/Terms",
+    href: `/${lang}/Legal/Terms`,
     name: "Terms & Conditions",
   },
 ];