From 50cbc5a79dd29d467fe1e1dc76d2786a6490d4a9 Mon Sep 17 00:00:00 2001
From: Ahmed Castro <ahmed.hn.43@gmail.com>
Date: Mon, 15 Jan 2024 15:11:35 -0600
Subject: [PATCH] Footer translation to spanish part2 (#155)

* landing page and subscribe footer translated to spanish

* footer translation to spanish part 2
---
 public/locales/en/translation.json            | 19 +++++++++++++++++++
 public/locales/es/translation.json            | 19 +++++++++++++++++++
 .../Footer/PureFooter/PureFooter.tsx          |  7 ++++---
 src/components/Footer/helper.tsx              | 17 +++++++++--------
 4 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 4c00b7bea..3ae25d7c0 100644
--- 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
index 6ddbb0558..7ea00d6b6 100644
--- 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
index ee126d83f..64aa07067 100644
--- 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
index c195d7dac..5914e3033 100644
--- 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",
   },
 ]