import React from 'react';
import Styled from './styles';
import { getSettingsSingletonInstance } from '/imports/ui/services/settings';

class ToastContainer extends React.Component {
  // we never want this component to update since will break Toastify
  shouldComponentUpdate() {
    return false;
  }

  render() {
    const Settings = getSettingsSingletonInstance();
    const { animations } = Settings.application;

    return (
      <Styled.ToastifyContainer
        closeButton={(<Styled.CloseIcon data-test="closeToastBtn" iconName="close" animations={animations} />)}
        autoClose={5000}
        toastClassName="toastClass"
        bodyClassName="toastBodyClass"
        progressClassName="toastProgressClass"
        newestOnTop={false}
        hideProgressBar={false}
        closeOnClick
        pauseOnHover
      />
    );
  }
}

export default ToastContainer;
