fixed icon bug

Author: Manu

CHANGELOG.md

@@ -1,4 +1,8 @@
-## [1.0.0] 2017-11-24
+## [0.0.2] 2017-11-26
+### Bug fixing
+- Made the icon prop to work properly
+
+## [0.0.1] 2017-11-24
 ### Original Release
 - Added Reactstrap as base framework
 - Added animations from animate-bootstrap-notify

README.md

@@ -64,7 +64,7 @@ String used to add an icon to the notification.
 
 ### *autoDismiss*
 This prop is used to tell the notification after how many **seconds** to auto close.
-If is set to a value lower than 0, then the notification will not auto close.
+If is set to a value lower than or equal to 0, then the notification will not auto close.
 
 ## Example code
 
@@ -122,5 +122,5 @@ Bootstrap will require the following:
 [CHANGELOG]: ./CHANGELOG.md
 
 [LICENSE]: ./LICENSE.md
-[version-badge]: https://img.shields.io/badge/version-0.0.1-blue.svg
+[version-badge]: https://img.shields.io/badge/version-0.0.2-blue.svg
 [license-badge]: https://img.shields.io/badge/license-MIT-blue.svg

index.js

@@ -1,9 +1,7 @@
 import React from 'react';
 import { Alert, Col } from 'reactstrap';
 
-import './animate.css';
-
-class NotificationAlert extends React.Component {
+class NotificationSystem extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -15,10 +13,7 @@ class NotificationAlert extends React.Component {
             notifyBR: []
         };
         this.onDismiss = this.onDismiss.bind(this);
-        this.notificationAlert = this.notificationAlert.bind(this);
-    }
-    heyFunc(){
-        console.log("hey");
+        this.notify = this.notify.bind(this);
     }
     onDismiss(nNumber, place, noAnimate) {
 
@@ -59,7 +54,7 @@ class NotificationAlert extends React.Component {
         sNotify["notify" + place.toUpperCase()] = notify;
         this.setState(sNotify);
     }
-    notificationAlert(options) {
+    notify(options) {
         var notify = this.state["notify" + options.place.toUpperCase()];
         var nNumber = notify.length;
         if (notify.length > 0) {
@@ -71,8 +66,8 @@ class NotificationAlert extends React.Component {
         }
         var notification = React.createElement(
             Alert,
-            { color: options.type, className: 'alert-with-icon animated fadeInDown', toggle: () => this.onDismiss(nNumber, options.place), key: nNumber },
-            React.createElement('span', { 'data-notify': 'icon', className: 'now-ui-icons ui-1_bell-53' }),
+            { color: options.type, className: 'alert-with-icon animated fadeInDown', closeClassName: 'now-ui-icons ui-1_simple-remove', toggle: () => this.onDismiss(nNumber, options.place), key: nNumber },
+            options.icon !== undefined ? React.createElement('span', { 'data-notify': 'icon', className: options.icon }) : null,
             React.createElement(
                 'span',
                 { 'data-notify': 'message' },
@@ -151,4 +146,4 @@ class NotificationAlert extends React.Component {
     }
 }
 
-export default NotificationAlert;
+export default NotificationSystem;