feature: add onClick function

Closes #7

Author: einazare

index.js

@@ -90,21 +90,15 @@ class NotificationAlert extends React.Component {
     if(options.closeButton !== false){
       toggle = () => this.onDismiss(nNumber, options.place);
     }
-    var notification = React.createElement(
-      Alert,
-      {
-        color: options.type,
-        className: "alert-with-icon animated fadeInDown",
-        toggle,
-        key: nNumber
-      },
-      options.icon !== undefined
-        ? React.createElement("span", {
-            "data-notify": "icon",
-            className: options.icon
-          })
-        : null,
-      React.createElement("span", { "data-notify": "message" }, options.message)
+    var notification = (
+      <Alert color={options.type} className="alert-with-icon animated fadeInDown" toggle={toggle} key={nNumber} onClick={this.props.onClick}>
+        {
+          options.icon !== undefined && (
+            <span data-notify="icon" className={options.icon}></span>
+          )
+        }
+        <span data-notify="message">{options.message}</span>
+      </Alert>
     );
     if (options.place.indexOf("b") !== -1) {
       notify.unshift(notification);
@@ -169,35 +163,41 @@ class NotificationAlert extends React.Component {
             break;
         }
       }
-      return React.createElement(
-        Col,
-        { xs: 11, sm: 4, style: style },
-        this.state["notify" + place.toUpperCase()].map((prop, key) => {
-          return prop;
-        })
+      return (
+        <>
+          <Col xs="11" sm="4" style={style}>
+            {this.state["notify" + place.toUpperCase()].map((prop, key) => {
+              return prop;
+            })}
+          </Col>
+        </>
       );
     }
   }
   render() {
-    return React.createElement(
-      "div",
-      { ref: this.refNotification },
-      this.showAllNotifications("tl"),
-      this.showAllNotifications("tc"),
-      this.showAllNotifications("tr"),
-      this.showAllNotifications("bl"),
-      this.showAllNotifications("bc"),
-      this.showAllNotifications("br")
+    return (
+      <>
+        <div ref={this.refNotification}>
+          {this.showAllNotifications("tl")}
+          {this.showAllNotifications("tc")}
+          {this.showAllNotifications("tr")}
+          {this.showAllNotifications("bl")}
+          {this.showAllNotifications("bc")}
+          {this.showAllNotifications("br")}
+        </div>
+      </>
     );
   }
 }
 
 NotificationAlert.defaultProps = {
-  zIndex: 9999
+  zIndex: 9999,
+  onClick: () => {},
 };
 
 NotificationAlert.propTypes = {
-  zIndex: PropTypes.number
+  zIndex: PropTypes.number,
+  onClick: PropTypes.func,
 }
 
 export default NotificationAlert;