fix issue mui#2482 [Appbar] onLeftIconButtonTouchTap event doesn't fire.

pratimary · Sep 22, 2016 · fbc9f5d · fbc9f5d
1 parent 02639f3
commit fbc9f5d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/docs/src/app/components/pages/components/AppBar/ExampleIconButton.js b/docs/src/app/components/pages/components/AppBar/ExampleIconButton.js
@@ -8,6 +8,10 @@ function handleTouchTap() {
   alert('onTouchTap triggered on the title component');
 }
 
+ function handleTouchTapLeftIconButton() {
+        alert("onClick triggered on the left icon component");
+      }
+
 const styles = {
   title: {
     cursor: 'pointer',
@@ -19,6 +23,7 @@ const AppBarExampleIconButton = () => (
     title={<span style={styles.title}>Title</span>}
     onTitleTouchTap={handleTouchTap}
     iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+    onLeftIconButtonTouchTap={handleTouchTapLeftIconButton }
     iconElementRight={<FlatButton label="Save" />}
   />
 );

diff --git a/src/AppBar/AppBar.js b/src/AppBar/AppBar.js
@@ -216,6 +216,7 @@ class AppBar extends Component {
     const iconLeftStyle = Object.assign({}, styles.iconButtonStyle, iconStyleLeft);
 
     if (showMenuIconButton) {
+      let self = this;
       let iconElementLeftNode = iconElementLeft;
 
       if (iconElementLeft) {
@@ -229,6 +230,7 @@ class AppBar extends Component {
 
           iconElementLeftNode = React.cloneElement(iconElementLeft, {
             iconStyle: Object.assign({}, iconButtonIconStyle, iconElementLeft.props.iconStyle),
+            onClick: self.handleTouchTapLeftIconButton.bind(self),
           });
         }