From 3f82683c0e65d68af245e1665c11f567828a5233 Mon Sep 17 00:00:00 2001
From: Carlos Sz <me@carlossz.co>
Date: Sat, 16 Feb 2019 21:46:45 -0500
Subject: [PATCH 1/4] translating components to ES

---
 src/components/CodeEditor/CodeEditor.js     | 19 +++++++++----------
 src/components/CodeExample/CodeExample.js   |  2 +-
 src/components/ErrorDecoder/ErrorDecoder.js |  9 ++++-----
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 6e42fff7e..5a19be605 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -56,12 +56,11 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          Babel no pudo ser cargado.
           <br />
           <br />
-          This can be caused by an ad blocker. If you're using one, consider
-          adding reactjs.org to the whitelist so the live code examples will
-          work.
+          Esto puede ser causado por un bloqueador de anuncios. Si estás usando uno, considera
+          añadir reactjs.org a la lista blanca así los ejemplos con código en vivo funcionarán.
         </span>
       );
     } else if (error != null) {
@@ -99,7 +98,7 @@ class CodeEditor extends Component {
                 color: colors.white,
               }}>
               <MetaTitle onDark={true}>
-                Live JSX Editor
+                Editor en vivo de JSX
                 <label
                   css={{
                     fontSize: 14,
@@ -200,7 +199,7 @@ class CodeEditor extends Component {
                   padding: '0 10px',
                   backgroundColor: colors.divider,
                 }}>
-                <MetaTitle>Result</MetaTitle>
+                <MetaTitle>Resultado</MetaTitle>
               </div>
               <div
                 id={containerNodeID}
@@ -244,8 +243,8 @@ class CodeEditor extends Component {
     const {compiled} = this.state;
 
     try {
-      // Example code requires React, ReactDOM, and Remarkable to be within scope.
-      // It also requires a "mountNode" variable for ReactDOM.render()
+      // El código de ejemplo requiere React, ReactDOM, y Remarkable para estar dentro del alcance de aplicación.
+      // Esto también requiere una variable "mountNode" para ReactDOM.render()
       // eslint-disable-next-line no-new-func
       new Function('React', 'ReactDOM', 'Remarkable', compiled)(
         React,
@@ -280,8 +279,8 @@ class CodeEditor extends Component {
     } catch (error) {
       console.error(error);
 
-      // Certain ad blockers (eg Fair AdBlocker) prevent Babel from loading.
-      // If we suspect this is the case, we can show a more helpful error.
+      // Ciertos bloqueadores de anuncios (ej: Fair AdBlocker) previenen la carga de Babel.
+      // Si sospechamos que éste es el caso, podemos mostrar un error más útil.
       const showBabelErrorMessage = !window.Babel;
 
       return {
diff --git a/src/components/CodeExample/CodeExample.js b/src/components/CodeExample/CodeExample.js
index bc5d6ed10..933909c2b 100644
--- a/src/components/CodeExample/CodeExample.js
+++ b/src/components/CodeExample/CodeExample.js
@@ -61,7 +61,7 @@ class CodeExample extends Component {
         {loaded ? (
           <CodeEditor code={code} containerNodeID={containerNodeID} />
         ) : (
-          <h4>Loading code example...</h4>
+          <h4>Cargando código de ejemplo...</h4>
         )}
       </div>
     );
diff --git a/src/components/ErrorDecoder/ErrorDecoder.js b/src/components/ErrorDecoder/ErrorDecoder.js
index d179a09be..46c00f3f1 100644
--- a/src/components/ErrorDecoder/ErrorDecoder.js
+++ b/src/components/ErrorDecoder/ErrorDecoder.js
@@ -17,8 +17,8 @@ function replaceArgs(msg: string, argList: Array<string>): string {
   });
 }
 
-// When the message contains a URL (like https://fb.me/react-refs-must-have-owner),
-// make it a clickable link.
+// Cuando el mensaje contiene una URL (como https://fb.me/react-refs-must-have-owner),
+// haz que sea un enlace cliqueable
 function urlify(str: string): Node {
   const urlRegex = /(https:\/\/fb\.me\/[a-z\-]+)/g;
 
@@ -69,8 +69,7 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        When you encounter an error, you'll receive a link to this page for that
-        specific error and we'll show you the full error text.
+        Cuando encuentres un error, recibirás un enlace a esta página para ese error específico y te mostraremos el texto completo del error.
       </p>
     );
   }
@@ -78,7 +77,7 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   return (
     <div>
       <p>
-        <b>The full text of the error you just encountered is:</b>
+        <b>El texto completo del error que acabas de encontrar es el siguiente:</b>
       </p>
       <code>
         <b>{urlify(errorMsg)}</b>

From 29bb10dbaa07bc334862c3464c1d096e3d8b9dba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= <rmartinezfraga@yandex.com>
Date: Sat, 16 Feb 2019 23:46:24 -0500
Subject: [PATCH 2/4] Update CodeEditor.js

---
 src/components/CodeEditor/CodeEditor.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 5a19be605..193db794b 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -59,8 +59,9 @@ class CodeEditor extends Component {
           Babel no pudo ser cargado.
           <br />
           <br />
-          Esto puede ser causado por un bloqueador de anuncios. Si estás usando uno, considera
-          añadir reactjs.org a la lista blanca así los ejemplos con código en vivo funcionarán.
+          Esto puede ser causado por un bloqueador de anuncios. Si estás usando
+          uno, considera añadir reactjs.org a la lista blanca y así los ejemplos
+          con código en vivo funcionarán.
         </span>
       );
     } else if (error != null) {
@@ -243,8 +244,8 @@ class CodeEditor extends Component {
     const {compiled} = this.state;
 
     try {
-      // El código de ejemplo requiere React, ReactDOM, y Remarkable para estar dentro del alcance de aplicación.
-      // Esto también requiere una variable "mountNode" para ReactDOM.render()
+      // If we suspect this is the case, we can show a more helpful error.
+      // If we suspect this is the case, we can show a more helpful error.
       // eslint-disable-next-line no-new-func
       new Function('React', 'ReactDOM', 'Remarkable', compiled)(
         React,
@@ -279,8 +280,8 @@ class CodeEditor extends Component {
     } catch (error) {
       console.error(error);
 
-      // Ciertos bloqueadores de anuncios (ej: Fair AdBlocker) previenen la carga de Babel.
-      // Si sospechamos que éste es el caso, podemos mostrar un error más útil.
+      // Certain ad blockers (eg Fair AdBlocker) prevent Babel from loading.
+      // If we suspect this is the case, we can show a more helpful error.
       const showBabelErrorMessage = !window.Babel;
 
       return {

From 131d18c0135bc7e29d2ee0a8fda5b5e42e58918d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= <rmartinezfraga@yandex.com>
Date: Sat, 16 Feb 2019 23:47:16 -0500
Subject: [PATCH 3/4] Fix Prettier complaint

---
 src/components/ErrorDecoder/ErrorDecoder.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/ErrorDecoder/ErrorDecoder.js b/src/components/ErrorDecoder/ErrorDecoder.js
index 46c00f3f1..59bc77c02 100644
--- a/src/components/ErrorDecoder/ErrorDecoder.js
+++ b/src/components/ErrorDecoder/ErrorDecoder.js
@@ -17,8 +17,8 @@ function replaceArgs(msg: string, argList: Array<string>): string {
   });
 }
 
-// Cuando el mensaje contiene una URL (como https://fb.me/react-refs-must-have-owner),
-// haz que sea un enlace cliqueable
+// When the message contains a URL (like https://fb.me/react-refs-must-have-owner),
+// make it a clickable link.
 function urlify(str: string): Node {
   const urlRegex = /(https:\/\/fb\.me\/[a-z\-]+)/g;
 
@@ -69,7 +69,8 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   if (!code) {
     return (
       <p>
-        Cuando encuentres un error, recibirás un enlace a esta página para ese error específico y te mostraremos el texto completo del error.
+        Cuando encuentres un error, recibirás un enlace a esta página para ese
+        error específico y te mostraremos el texto completo del error.
       </p>
     );
   }
@@ -77,7 +78,9 @@ function ErrorResult(props: {|code: ?string, msg: string|}) {
   return (
     <div>
       <p>
-        <b>El texto completo del error que acabas de encontrar es el siguiente:</b>
+        <b>
+          El texto completo del error que acabas de encontrar es el siguiente:
+        </b>
       </p>
       <code>
         <b>{urlify(errorMsg)}</b>

From 474313030773a70b40c278ce3909ae609590b077 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= <rmartinezfraga@yandex.com>
Date: Sat, 16 Feb 2019 23:48:32 -0500
Subject: [PATCH 4/4] Leave components comments untranslated

---
 src/components/CodeEditor/CodeEditor.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 193db794b..c0856c305 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -244,8 +244,8 @@ class CodeEditor extends Component {
     const {compiled} = this.state;
 
     try {
-      // If we suspect this is the case, we can show a more helpful error.
-      // If we suspect this is the case, we can show a more helpful error.
+      // Example code requires React, ReactDOM, and Remarkable to be within scope.
+      // It also requires a "mountNode" variable for ReactDOM.render()
       // eslint-disable-next-line no-new-func
       new Function('React', 'ReactDOM', 'Remarkable', compiled)(
         React,