Toast close on click #41

robeio · Jan 23, 2017 · 9affead · 9affead
1 parent 2805598
commit 9affead
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,7 @@
     - Refactored
     - Now supports multi-line #45
 * TextInput onChange-focus bug fixed.
+* Toast close on click
 
 ## 1.1.18
 * upgrade robe-react-commons library. 

diff --git a/src/toast/Toast.jsx b/src/toast/Toast.jsx
@@ -173,6 +173,18 @@ class Toast extends ShallowComponent {
             }, TIMEOUTS.REMOVE);
         }, toast.timeOut);
     }
+    closeOnClick(e) {
+        let id = e.target.getAttribute("id");
+        let element = e.target;
+        if (!id) {
+            id = e.target.parentNode.getAttribute("id");
+            element = e.target.parentNode;
+        }
+        ClassName.replace(element, "toast-item-open", "toast-item-close");
+        let arr = this.state.listToast.slice(0);
+        Arrays.removeByKey(arr, "id", { id });
+        this.setState({ listToast: arr });
+    }
 
     /**
      * Toast.info(message, title, timeOut, callback)
@@ -188,7 +200,7 @@ class Toast extends ShallowComponent {
             message: message,
             title: title,
             timeOut: timeOut || this.props.timeOut,
-            onClick: onClick
+            onClick: onClick || this.closeOnClick
         });
     }
 
@@ -206,7 +218,7 @@ class Toast extends ShallowComponent {
             message: message,
             title: title,
             timeOut: timeOut || this.props.timeOut,
-            onClick: onClick
+            onClick: onClick || this.closeOnClick
         });
     }
 
@@ -224,7 +236,7 @@ class Toast extends ShallowComponent {
             message: message,
             title: title,
             timeOut: timeOut || this.props.timeOut,
-            onClick: onClick
+            onClick: onClick || this.closeOnClick
         });
     }
 
@@ -242,7 +254,7 @@ class Toast extends ShallowComponent {
             message: message,
             title: title,
             timeOut: timeOut || this.props.timeOut,
-            onClick: onClick
+            onClick: onClick || this.closeOnClick
         });
     }
     static configuration(props) {