/
githubmirror
/
algorithm-visualizer
Обзор
Документация
Войти
/
githubmirror
/
algorithm-visualizer
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/ToastContainer/index.js
35 строк
984 B
Jason Park
Rename jsx and scss files
09 июн 2019, 17:39
09 июн 2019, 17:39
60fcab5
Код
Авторство
О чём код?
import React from 'react'; import { connect } from 'react-redux'; import { actions } from 'reducers'; import { classes } from 'common/util'; import styles from './ToastContainer.module.scss'; class ToastContainer extends React.Component { componentWillReceiveProps(nextProps) { const newToasts = nextProps.toast.toasts.filter(toast => !this.props.toast.toasts.includes(toast)); newToasts.forEach(toast => { window.setTimeout(() => this.props.hideToast(toast.id), 3000); }); } render() { const { className } = this.props; const { toasts } = this.props.toast; return ( <div className={classes(styles.toast_container, className)}> { toasts.map(toast => ( <div className={classes(styles.toast, styles[toast.type])} key={toast.id}> {toast.message} </div> )) } </div> ); } } export default connect(({ toast }) => ({ toast }), actions)( ToastContainer, );