bokuweb/tsukiakari

import React, { Component } from 'react';
import NotificationSystem from 'react-notification-system';

const style = {
  NotificationItem: {
    DefaultStyle: {
      padding: '20px 25px',
      color: '#fff',
      border: 'none',
    },
    success: {
      background: '#97cd76',
    },
    error: {
      background: '#ed6c63',
    },
  },
};

export default class Notification extends Component {
  constructor(props) {
    super(props);
    this.assignNotificationRef = ::this.assignNotificationRef;
  }

  componentWillReceiveProps(next) {
    this.notification.addNotification({
      message: next.notification.message,
      level: next.notification.level,
    });
  }

  assignNotificationRef(ref) {
    this.notification = ref;
  }

  render() {
    return (
      <NotificationSystem ref={this.assignNotificationRef} style={style} />
    );
  }
}