/* eslint-disable react/jsx-indent-props */
/* eslint-disable import/no-absolute-path */

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

const Reconnect = ({ t, authenticated }) => (
  <div>
    { !authenticated &&
      <Blaze
          template="meteorStatus"
          textDisconnect={t('Desconectado del servidor, reconectando en %delay% segundos.')}
          textConnecting={t('Desconectado del servidor, reconectando...')}
          linkText={t('Reintentar ahora')}
      /> }
  </div>
);

Reconnect.propTypes = {
  t: PropTypes.func.isRequired,
  authenticated: PropTypes.bool.isRequired
};

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();
    }
  });
} */