2017-10-13 02:53:33 +08:00
|
|
|
import React from 'react';
|
2021-11-10 19:37:08 +08:00
|
|
|
import Styled from './styles';
|
|
|
|
import Settings from '/imports/ui/services/settings';
|
2017-10-19 03:24:26 +08:00
|
|
|
|
|
|
|
class ToastContainer extends React.Component {
|
|
|
|
// we never want this component to update since will break Toastify
|
|
|
|
shouldComponentUpdate() {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
2021-11-10 19:37:08 +08:00
|
|
|
const { animations } = Settings.application;
|
|
|
|
|
2019-04-10 01:55:10 +08:00
|
|
|
return (
|
2021-11-11 04:31:00 +08:00
|
|
|
<Styled.ToastifyContainer
|
2021-11-10 19:37:08 +08:00
|
|
|
closeButton={(<Styled.CloseIcon iconName="close" animations={animations} />)}
|
2019-04-10 01:55:10 +08:00
|
|
|
autoClose={5000}
|
2021-11-11 04:31:00 +08:00
|
|
|
toastClassName="toastClass"
|
|
|
|
bodyClassName="toastBodyClass"
|
|
|
|
progressClassName="toastProgressClass"
|
2019-04-10 01:55:10 +08:00
|
|
|
newestOnTop={false}
|
|
|
|
hideProgressBar={false}
|
|
|
|
closeOnClick
|
|
|
|
pauseOnHover
|
|
|
|
/>
|
|
|
|
);
|
2017-10-19 03:24:26 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-04-10 01:55:10 +08:00
|
|
|
export default ToastContainer;
|