Translated: Components (CodeEditor, CodeExample, ErrorDecoder, MarkdownPage) (#164)

Author: icarlossz

src/components/CodeEditor/CodeEditor.js

@@ -56,12 +56,12 @@ 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 y así los ejemplos
+          con código en vivo funcionarán.
         </span>
       );
     } else if (error != null) {
@@ -99,7 +99,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 +200,7 @@ class CodeEditor extends Component {
                   padding: '0 10px',
                   backgroundColor: colors.divider,
                 }}>
-                <MetaTitle>Result</MetaTitle>
+                <MetaTitle>Resultado</MetaTitle>
               </div>
               <div
                 id={containerNodeID}

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>
     );

src/components/ErrorDecoder/ErrorDecoder.js

@@ -69,16 +69,18 @@ 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>
     );
   }
 
   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>