Fix dropdown menu on tool pages not closing on click

Lokiedu · Sep 7, 2016 · c8e6d4d · c8e6d4d
1 parent 7b46ce1
commit c8e6d4d
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/tools/menu-1.js b/src/components/tools/menu-1.js
@@ -38,6 +38,10 @@ class Menu1 extends React.Component {
     this.setState({ opened: !this.state.opened });
   };
 
+  handleClickOnItem = () => {
+    this.setState({ opened: false });
+  };
+
   onClickOutside = () => {
     this.setState({ opened: false });
   };
@@ -60,7 +64,14 @@ class Menu1 extends React.Component {
         {this.state.opened &&
           <div className="tools_menu_1__dropdown">
             {items.map((item, index) => (
-              <Link className="tools_menu_1__item" key={index} to={item.path}>{item.name}</Link>
+              <Link
+                className="tools_menu_1__item"
+                key={index}
+                to={item.path}
+                onClick={this.handleClickOnItem}
+              >
+                {item.name}
+              </Link>
             ))}
           </div>
         }