Refactor Reconnect

imports/ui/components/Reconnect/Reconnect.js

@@ -1,19 +1,15 @@
 /* eslint-disable react/jsx-indent-props */
 /* eslint-disable import/no-absolute-path */
 
-import React, { Fragment, Component } from 'react';
+import React 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';
 
-class Reconnect extends Component {
+const Reconnect = ({ t, authenticated }) => (
-  render() {
+  <div>
-    const { t, authenticated } = this.props;
-    // console.log(`Reconnect ${!authenticated ? 'enabled' : 'disabled'}`);
-    return (
-      <Fragment>
     { !authenticated &&
       <Blaze
           template="meteorStatus"
@@ -21,10 +17,8 @@ class Reconnect extends Component {
           textConnecting={t('Desconectado del servidor, reconectando...')}
           linkText={t('Reintentar ahora')}
       /> }
-      </Fragment>
+  </div>
 );
-  }
-}
 
 Reconnect.propTypes = {
   t: PropTypes.func.isRequired,
@@ -36,11 +30,12 @@ Reconnect.defaultProps = {
 
 export default translate([], { wait: true })(Reconnect);
 
+/*
 if (!Meteor.isProduction) {
   // We clear the console on disconnect during development
   Tracker.autorun(() => {
     if (Meteor.status().status === 'waiting') {
-      // console.clear();
+      console.clear();
     }
   });
-}
+} */