Fix reconnect translation issues

imports/ui/components/Reconnect/Reconnect.js

@@ -1,12 +1,33 @@
-import React from 'react';
+/* eslint-disable react/jsx-indent-props */
+/* eslint-disable import/no-absolute-path */
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { translate } from 'react-i18next';
 import { Meteor } from 'meteor/meteor';
 import { Tracker } from 'meteor/tracker';
 import Blaze from 'meteor/gadicc:blaze-react-component';
 
-const Reconnect = props => (
+class Reconnect extends Component {
-  <Blaze template="meteorStatus" lang={props.i18n.language} />
+  render() {
-);
+    const { t } = this.props;
+    return (
+      <Blaze
+          template="meteorStatus"
+          textDisconnect={t('Desconectado del servidor, reconectando en %delay% segundos.')}
+          textConnecting={t('Desconectado del servidor, reconectando...')}
+          linkText={t('Reintentar ahora')}
+      />
+    );
+  }
+}
+
+Reconnect.propTypes = {
+  t: PropTypes.func.isRequired
+};
+
+Reconnect.defaultProps = {
+};
 
 export default translate([], { wait: true })(Reconnect);
 

public/locales/en/common.json

@@ -198,5 +198,11 @@
   "Enviar":
   "Send",
   "Tu correo":
-  "Your e-mail"
+  "Your e-mail",
+  "Desconectado del servidor, reconectando en %delay% segundos.":
+  "Disconnected from server, trying to reconnect in %delay%s.",
+  "Desconectado del servidor, reconectando...":
+  "Disconnected from server, trying to reconnect...",
+  "Reintentar ahora":
+  "Retry now"
 }

public/locales/es/common.json

@@ -285,5 +285,11 @@
   "Enviar":
   "Enviar",
   "Tu correo":
-  "Tu correo"
+  "Tu correo",
+  "Desconectado del servidor, reconectando en %delay% segundos.":
+  "Desconectado del servidor, reconectando en %delay% segundos.",
+  "Desconectado del servidor, reconectando...":
+  "Desconectado del servidor, reconectando...",
+  "Reintentar ahora":
+  "Reintentar ahora"
 }