From 59182e75d363d600fedadbeb26a4ae73298b40ab Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 8 Dec 2016 16:32:39 -0300
Subject: [PATCH] Translations

---
 .../components/ConfigureCommentStream.js      | 20 +++++++++-------
 client/coral-configure/translations.js        |  0
 client/coral-configure/translations.json      | 24 +++++++++++++++++++
 3 files changed, 35 insertions(+), 9 deletions(-)
 delete mode 100644 client/coral-configure/translations.js
 create mode 100644 client/coral-configure/translations.json

diff --git a/client/coral-configure/components/ConfigureCommentStream.js b/client/coral-configure/components/ConfigureCommentStream.js
index a413054cd..507c764d7 100644
--- a/client/coral-configure/components/ConfigureCommentStream.js
+++ b/client/coral-configure/components/ConfigureCommentStream.js
@@ -2,19 +2,21 @@ import React from 'react';
 import {Button, Checkbox} from 'coral-ui';
 import styles from './ConfigureCommentStream.css';
 
+import I18n from 'coral-framework/modules/i18n/i18n';
+import translations from '../translations.json';
+const lang = new I18n(translations);
+
 export default ({handleChange, handleApply, changed, ...props}) => (
   <div className={styles.wrapper}>
     <div className={styles.container}>
-      <h3>Configure Comment Stream</h3>
-      <p>
-        As an admin you may customize the settings for the comment stream for this article
-      </p>
+      <h3>{lang.t('configureCommentStream.title')}</h3>
+      <p>{lang.t('configureCommentStream.description')}</p>
       <Button
         className={styles.apply}
         cStyle={changed ? 'green' : 'darkGrey'}
         onClick={handleApply}
       >
-        Apply
+        {lang.t('configureCommentStream.apply')}
       </Button>
     </div>
     <ul>
@@ -26,8 +28,8 @@ export default ({handleChange, handleApply, changed, ...props}) => (
           onChange={handleChange}
           checked={props.premod}
           info={{
-            title: 'Enable Premoderation',
-            description: 'Moderators must approve any comment before its published'
+            title: lang.t('configureCommentStream.enablePremod'),
+            description: lang.t('configureCommentStream.enablePremodDescription')
           }}
         />
         <ul>
@@ -39,8 +41,8 @@ export default ({handleChange, handleApply, changed, ...props}) => (
               onChange={handleChange}
               checked={props.premodLinks}
               info={{
-                title: 'Pre-Moderate Comments Containing Links',
-                description: 'Moderators must approve any comment containing a link before its published.'
+                title: lang.t('configureCommentStream.enablePremodLinks'),
+                description: lang.t('configureCommentStream.enablePremodDescription')
               }}
             />
           </li>
diff --git a/client/coral-configure/translations.js b/client/coral-configure/translations.js
deleted file mode 100644
index e69de29bb..000000000
diff --git a/client/coral-configure/translations.json b/client/coral-configure/translations.json
new file mode 100644
index 000000000..e597c9c9a
--- /dev/null
+++ b/client/coral-configure/translations.json
@@ -0,0 +1,24 @@
+{
+  "en": {
+    "configureCommentStream": {
+      "apply": "Apply",
+      "title": "Configure Comment Stream",
+      "description": "As an admin you may customize the settings for the comment stream for this article",
+      "enablePremod": "Enable Premoderation",
+      "enablePremodDescription": "Moderators must approve any comment before its published.",
+      "enablePremodLinks": "Pre-Moderate Comments Containing Links",
+      "enablePremodLinksDescription": "Moderators must approve any comment containing a link before its published."
+    }
+  },
+  "es": {
+    "configureCommentStream": {
+      "apply": "Aplicar",
+      "title": "Configurar los comentarios",
+      "description": "Como Administrador puedes modificar las opciones de los comentarios en este artículo",
+      "enablePremod": "Activar Pre Moderación",
+      "enablePremodDescription": "Los Moderadores deben aprobar cualquier comentario antes de su publicación",
+      "enablePremodLinks": "Pre-Moderar Commentarios que contienen Links",
+      "enablePremodLinksDescription": "Los Moderadores deben probar cualquier comentario que contengan links antes de su publicación."
+    }
+  }
+}