From 8e13137727111707c3c77d8e314ba339a2b54d11 Mon Sep 17 00:00:00 2001
From: Syed Asher Ahmed <syedasherahmed@yahoo.com>
Date: Thu, 30 Mar 2017 17:25:41 +0000
Subject: [PATCH] Close Left Menu After Selection issue #76

---
 imports/ui/components/leftMenu/LeftMenu.jsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/imports/ui/components/leftMenu/LeftMenu.jsx b/imports/ui/components/leftMenu/LeftMenu.jsx
index 1b0aa44..f526c1d 100755
--- a/imports/ui/components/leftMenu/LeftMenu.jsx
+++ b/imports/ui/components/leftMenu/LeftMenu.jsx
@@ -34,26 +34,29 @@ export default class LeftMenu extends Component {
     isActive(path){
         return this.props.location.pathname == `/app/${path}` ? listItemTheme.active : ''
     }
+    closeLeftMenu(){
+        this.toggleDrawerActive();
+    }
     render() {
         return (
             <Drawer  theme={drawerTheme} active={this.state.drawerActive} onOverlayClick={ this.toggleDrawerActive.bind(this) }>
                 <List className={theme.list} selectable ripple>
-                    <Link to={`/app/dashboard`}>
+                    <Link to={`/app/dashboard`} onClick={this.closeLeftMenu.bind(this)}>
                         <ListItem className={this.isActive('dashboard')} caption='Dashboard' leftIcon='dashboard' theme={listItemTheme}/>
                     </Link>
-                    <Link to={`/app/projects`}>
+                    <Link to={`/app/projects`} onClick={this.closeLeftMenu.bind(this)}>
                         <ListItem className={this.isActive('projects')} caption='Project' leftIcon='timeline' theme={listItemTheme}/>
                     </Link>
-                    <Link to={`/app/transactions`}>
-                        <ListItem className={this.isActive('transactions')} caption='Transactions' leftIcon='monetization_on' theme={listItemTheme}/>
+                    <Link to={`/app/transactions`} onClick={this.closeLeftMenu.bind(this)}>
+                        <ListItem className={this.isActive('transa•••ctions')} caption='Transactions' leftIcon='monetization_on' theme={listItemTheme}/>
                     </Link>
-                    <Link to={`/app/accounts`}>
+                    <Link to={`/app/accounts`} onClick={this.closeLeftMenu.bind(this)}>
                         <ListItem className={this.isActive('accounts')} caption='Accounts' leftIcon='account_balance' theme={listItemTheme}/>
                     </Link>
-                    <Link to={`/app/categories`}>
+                    <Link to={`/app/categories`} onClick={this.closeLeftMenu.bind(this)}>
                         <ListItem className={this.isActive('categories')} caption='Categories' leftIcon='view_module' theme={listItemTheme}/>
                     </Link>
-                    <Link to={`/app/settings/new`}>
+                    <Link to={`/app/settings/new`} onClick={this.closeLeftMenu.bind(this)}>
                         <ListItem className={this.isActive('settings/new')} caption='Settings' leftIcon='settings' theme={listItemTheme}/>
                     </Link>
                     <ListItem caption='Logout' leftIcon='power_settings_new' onClick={this.logout.bind(this)} theme={listItemTheme}/>