Merge pull request #135 from nahuelcaceres/master

Add translations to landing #107
goncy · Jun 24, 2020 · 34729c1 · 34729c1 · vercel · Jun 24, 2020
2 parents 011c6ac + 5458b83
commit 34729c1
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 27 deletions.
diff --git a/app/screens/Landing/Features.tsx b/app/screens/Landing/Features.tsx
@@ -8,32 +8,37 @@ import PhoneClockIcon from "~/ui/icons/PhoneClock";
 import MoneyShieldIcon from "~/ui/icons/MoneyShield";
 import UsersChatIcon from "~/ui/icons/UsersChat";
 import UserDistanceIcon from "~/ui/icons/UserDistance";
+import {useTranslation} from "~/i18n/hooks";
+
+const Features: React.FC = () => {
+  const t = useTranslation();
+
+  return (
+    <Content>
+      <Grid
+        as="section"
+        gridColumnGap={{base: 8, sm: 10}}
+        gridRowGap={{base: 8, sm: 12}}
+        paddingBottom={{base: 12, sm: 20}}
+        paddingTop={{base: 20, sm: 32}}
+        templateColumns="repeat(auto-fit, minmax(276px,1fr))"
+      >
+        <Feature icon={PhoneClockIcon} title={t("app.landing.streamlineBusinessManagment.title")}>
+          {t("app.landing.streamlineBusinessManagment.description")}
+        </Feature>
+        <Feature icon={MoneyShieldIcon} title={t("app.landing.endAbusiveCommissions.title")}>
+          {t("app.landing.endAbusiveCommissions.description")}
+        </Feature>
+        <Feature icon={UsersChatIcon} title={t("app.landing.talkClientWithoutIntermediaries.title")}>
+          {t("app.landing.talkClientWithoutIntermediaries.description")}
+        </Feature>
+        <Feature icon={UserDistanceIcon} title={t("app.landing.avoidCrowdsPremises.title")}>
+          {t("app.landing.avoidCrowdsPremises.description")}
+        </Feature>
+      </Grid>
+    </Content>
+  )
+};
 
-const Features = () => (
-  <Content>
-    <Grid
-      as="section"
-      gridColumnGap={{base: 8, sm: 10}}
-      gridRowGap={{base: 8, sm: 12}}
-      paddingBottom={{base: 12, sm: 20}}
-      paddingTop={{base: 20, sm: 32}}
-      templateColumns="repeat(auto-fit, minmax(276px,1fr))"
-    >
-      <Feature icon={PhoneClockIcon} title="Agilizá la gestión de tu negocio">
-        Optimizamos tus recursos simplificando la forma de recibir los pedidos.
-      </Feature>
-      <Feature icon={MoneyShieldIcon} title="Poné fin a las comisiones abusivas">
-        Olvidate de los intermediarios y las comisiones por venta. Ofrecé un mejor precio con tu
-        tienda independiente.
-      </Feature>
-      <Feature icon={UsersChatIcon} title="Hablá con tus clientes sin intermediarios">
-        Brindá un mejor servicio y atención gracias a la comunicación directa.
-      </Feature>
-      <Feature icon={UserDistanceIcon} title="Evitá aglomeraciones en tu local">
-        Reducí los tiempos de espera y librate de las filas innecesarias vendiendo online.
-      </Feature>
-    </Grid>
-  </Content>
-);
 
 export default Features;
diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json
@@ -20,6 +20,26 @@
     "item": "Item",
     "item_plural": "Items"
   },
+  "app":{
+    "landing": {
+      "streamlineBusinessManagment":{
+        "title":"Streamline your business management",
+        "description":"We optimize your resources by simplifying the way you receive orders."
+      },
+      "endAbusiveCommissions":{
+        "title":"End abusive commissions",
+        "description":"Forget about intermediaries and sales commissions. You will be able to offer a better price with your independent store."
+      },
+      "talkClientWithoutIntermediaries":{
+        "title":"Talk to your clients without intermediaries.",
+        "description":"Provide better service and attention thanks to direct communication."
+      },
+      "avoidCrowdsPremises":{
+        "title":"Avoid crowds in your premises",
+        "description":"Reduce waiting times and get rid of unnecessary lines by selling online."
+      }
+    }
+  },
   "form": {
     "required": "This field is required",
     "invalidEmail": "Invalid email"

diff --git a/i18n/dictionaries/es.json b/i18n/dictionaries/es.json
@@ -20,6 +20,26 @@
     "item": "Item",
     "item_plural": "Items"
   },
+  "app":{
+    "landing": {
+      "streamlineBusinessManagment":{
+        "title":"Agilizá la gestión de tu negocio",
+        "description":"Optimizamos tus recursos simplificando la forma de recibir los pedidos."
+      },
+      "endAbusiveCommissions":{
+        "title":"Poné fin a las comisiones abusivas",
+        "description":"Olvidate de los intermediarios y las comisiones por venta. Ofrecé un mejor precio con tu tienda independiente."
+      },
+      "talkClientWithoutIntermediaries":{
+        "title":"Hablá con tus clientes sin intermediarios.",
+        "description":"Brindá un mejor servicio y atención gracias a la comunicación directa."
+      },
+      "avoidCrowdsPremises":{
+        "title":"Evitá aglomeraciones en tu local",
+        "descrition":"Reducí los tiempos de espera y librate de las filas innecesarias vendiendo online."
+      }
+    }
+  },
   "form": {
     "required": "Este campo es requerido",
     "invalidEmail": "No es un email válido"

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -2,10 +2,13 @@ import React from "react";
 
 import Landing from "~/app/screens/Landing";
 import LandingLayout from "~/app/layouts/LandingLayout";
+import {Provider as I18nProvider} from "~/i18n/context";
 
 const LandingScreen: React.FC = () => (
   <LandingLayout>
-    <Landing />
+    <I18nProvider>
+      <Landing />
+    </I18nProvider>
   </LandingLayout>
 );