Clean master commit

src/components/Notification.jsx

@@ -0,0 +1,48 @@
+import React from 'react';
+
+export default class Notification extends React.Component{
+
+  constructor(props) {
+    super();
+    this.state = {
+      isExtended: false
+    }
+  }
+
+  toggleDetails() {
+    this.setState({ isExtended: !this.state.isExtended });
+  }
+
+  renderItems(items) {
+    if (!items) return '';
+    return (
+      <div>
+        {items.map((item) => {
+          if (item.error) {
+            return (<p>{item.error.message}</p>);
+          }
+          return '';
+        })}
+      </div>
+    )
+  }
+
+  render() {
+    if (this.props.isNotification) {
+      return (
+        <div className={`notification-wrapper`}>
+          {this.props.notifications.map(not => (
+            <div className='notification' onClick={() => this.toggleDetails() }>
+              <button onClick={() => this.props.toggle()} className="side-menu-burg over-white is-active"><span /></button>
+              <div className={`message ${not.type}`}>{`${not.message}`}</div>
+              <div className={`details ${this.state.isExtended}`}>
+                {(not.items !== null) ? this.renderItems(not.items) : ''}
+              </div>
+            </div>
+          ))}
+        </div>
+      )
+    }
+    return (<div/>);
+  }
+}