Footer translation to spanish part2 (#155)

* landing page and subscribe footer translated to spanish * footer translation to spanish part 2
scroll-tech · Jan 15, 2024 · 50cbc5a · 50cbc5a
1 parent 1521c0c
commit 50cbc5a
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 11 deletions.
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -155,6 +155,25 @@
       "additionalResources": "Additional Resources"
     }
   },
+  "footer": {
+    "aboutScroll": {
+      "title": "About Scroll",
+      "bugBounty": "Bug Bounty",
+      "joinUs": "Join Us",
+      "healthStatus": "Health Status",
+      "privacyPolicy": "Privacy Policy",
+      "termsAndConditions": "Terms and Conditions"
+    },
+    "resources": {
+      "title": "Resources",
+      "blog": "Blog",
+      "documentation": "Documentation",
+      "pressKit": "Press Kit"
+    },
+    "followUs": {
+      "title": "Follow Us"
+    }
+  },
   "notTranslated": {
     "notTranslated": "This page has not been translated yet."
   }

diff --git a/public/locales/es/translation.json b/public/locales/es/translation.json
@@ -155,6 +155,25 @@
       "additionalResources": "Recursos Adicionales"
     }
   },
+  "footer": {
+    "aboutScroll": {
+      "title": "Acerca de Scroll",
+      "bugBounty": "Cazarecompensas de bugs",
+      "joinUs": "Únete a nosotros",
+      "healthStatus": "Estado de servicios",
+      "privacyPolicy": "Políticas de privacidad",
+      "termsAndConditions": "Terminos y condiciones"
+    },
+    "resources": {
+      "title": "Recursos",
+      "blog": "Blog",
+      "documentation": "Documentación",
+      "pressKit": "Kit de Prensa"
+    },
+    "followUs": {
+      "title": "Follow Us"
+    }
+  },
   "notTranslated": {
     "notTranslated": "Esta página no ha sido traducida aún."
   }

diff --git a/src/components/Footer/PureFooter/PureFooter.tsx b/src/components/Footer/PureFooter/PureFooter.tsx
@@ -1,6 +1,7 @@
 import { useState, useEffect } from "preact/hooks"
 import { aboutList, mediaList, resourceList } from "../helper.tsx"
 import styles from "./PureFooter.module.css"
+import { t } from "i18next"
 
 const Footer = () => {
   return (
@@ -9,7 +10,7 @@ const Footer = () => {
         <img src="/scroll-white.svg" style={{ width: "80px" }} />
       </a>
       <div className={styles.about}>
-        <p className={styles.title}>About Scroll</p>
+        <p className={styles.title}>{ t("footer.aboutScroll.title") }</p>
         <ul>
           {aboutList.map((item) => (
             <li key={item.name} className={styles.content}>
@@ -19,7 +20,7 @@ const Footer = () => {
         </ul>
       </div>
       <div className={styles.resource}>
-        <p className={styles.title}>Resources</p>
+        <p className={styles.title}>{ t("footer.resources.title") }</p>
         <ul>
           {resourceList.map((item) => (
             <li key={item.name} className={styles.content}>
@@ -30,7 +31,7 @@ const Footer = () => {
       </div>
 
       <div className={styles.follow}>
-        <p className={styles.title}>Follow Us</p>
+        <p className={styles.title}>{ t("footer.followUs.title") }</p>
         <div>
           {mediaList.map((item) => (
             <a external href={item.href} key={item.name} target="_blank">

diff --git a/src/components/Footer/helper.tsx b/src/components/Footer/helper.tsx
@@ -1,4 +1,5 @@
 import React from "react"
+import { t } from "i18next"
 
 const DiscordIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
   <svg width="19" height="14" viewBox="0 0 19 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
@@ -23,38 +24,38 @@ const TwitterIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
 
 export const aboutList = [
   {
-    name: "Bug Bounty",
+    name: t("footer.aboutScroll.bugBounty"),
     href: "https://immunefi.com/bounty/scroll/",
   },
   {
-    name: "Join Us",
+    name: t("footer.aboutScroll.joinUs"),
     href: "https://jobs.lever.co/ScrollFoundation",
   },
   {
-    name: "Health Status",
+    name: t("footer.aboutScroll.healthStatus"),
     href: "https://status.scroll.io/",
   },
   {
-    name: "Privacy Policy",
+    name: t("footer.aboutScroll.privacyPolicy"),
     href: "https://scroll.io/privacy-policy",
   },
   {
-    name: "Terms and Conditions",
+    name: t("footer.aboutScroll.termsAndConditions"),
     href: "https://scroll.io/terms-and-conditions",
   },
 ]
 
 export const resourceList = [
   {
-    name: "Blog",
+    name: t("footer.resources.blog"),
     href: "https://scroll.io/blog",
   },
   {
-    name: "Documentation",
+    name: t("footer.resources.documentation"),
     href: "https://docs.scroll.io/",
   },
   {
-    name: "Press Kit",
+    name: t("footer.resources.pressKit"),
     href: "https://scrollzkp.notion.site/Scroll-Rebrand-Assets-5bb83465f56f40989c4f772b39ed3a06",
   },
 ]