translated the 404

scroll-tech · Jan 15, 2024 · c8cf8eb · c8cf8eb
1 parent 4f4f8af
commit c8cf8eb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -175,6 +175,10 @@
       "title": "Follow Us"
     }
   },
+  "pageNotFound": {
+    "title": "Page not found",
+    "text": "We're sorry, but we couldn't find the page you were looking for."
+  },
   "notTranslated": {
     "notTranslated": "This page has not been translated yet."
   }

diff --git a/public/locales/es/translation.json b/public/locales/es/translation.json
@@ -175,6 +175,10 @@
       "title": "Síguenos"
     }
   },
+  "pageNotFound": {
+    "title": "Página no encontrada",
+    "text": "Lo sentimos, pero no pudimos encontrar la página que buscas."
+  },
   "notTranslated": {
     "notTranslated": "Esta página no ha sido traducida aún."
   }

diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -1,5 +1,5 @@
 ---
-import i18next, { changeLanguage } from "i18next"
+import i18next, { changeLanguage, t } from "i18next"
 import HomeLayout from "../layouts/HomeLayout.astro"
 
 // Should load last used language.
@@ -9,8 +9,8 @@ changeLanguage(i18next.language)
 <HomeLayout>
   <div class="wrapper">
     <h2 class="highlight">404</h2>
-    <h2 class="heading-600">Page not found</h2>
-    <p>We're sorry, but we couldn't find the page you were looking for.</p>
+    <h2 class="heading-600">{t("pageNotFound.title")}</h2>
+    <p>{t("pageNotFound.text")}</p>
   </div>
 </HomeLayout>