From d82274d1e1941c7063e6715b1980a09a47abe42a Mon Sep 17 00:00:00 2001
From: Edin Dazdarevic <edin.dazdarevic@gmail.com>
Date: Sun, 15 Feb 2015 20:21:45 +0100
Subject: [PATCH] fixed wierd behavior of the main menu

---
 .../app/components/shared/sectionsListComponent.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/front-ui/app/components/shared/sectionsListComponent.js b/front-ui/app/components/shared/sectionsListComponent.js
index bc5ebbb..419ffb8 100644
--- a/front-ui/app/components/shared/sectionsListComponent.js
+++ b/front-ui/app/components/shared/sectionsListComponent.js
@@ -31,13 +31,18 @@ var SectionsListComponent = React.createClass({
     
     },
     onMouseOut: function() {
-      SectionActions.unsetSectionHover();      
+      SectionActions.unsetSectionHover();
+    },
+    onMouseLeave: function() {
+      SectionActions.unsetSectionHover();
     },
     onSectionClick: function(section) {
+      SectionActions.unsetSectionHover();
       NavigationActions.goToSection(section);
       return false;
     },
     onCategoryClick: function(category, section) {
+      SectionActions.unsetSectionHover();
       NavigationActions.goToCategory(new Category(category), section);    
       return false;
     },
@@ -61,13 +66,14 @@ var SectionsListComponent = React.createClass({
           {this.state.sections.map(function(section) {
 
                                                        return (
-                                                         <li key={section.get('id')}  role='presentation' style={style}>
-                                                         <a href="#" onClick={self.onSectionClick.bind(self, section)} onMouseOver={self.onMouseOver.bind(self, section)}>
+                                                         <li key={section.get('id')} onMouseLeave={self.onMouseOut} onMouseOver={self.onMouseOver.bind(self, section)} role='presentation' style={style}>
+                                                         <a href="#"  onClick={self.onSectionClick.bind(self, section)} >
                                                          { section.get('name') }
+
                                                          </a>
                                                          <div style={abStyle} className={section.get('id') !== self.state.hoveredSection ? "hide section-cat-list": "section-cat-list"}  >
 
-                                                         <ul onMouseLeave={self.onMouseOut}  >
+                                                         <ul  >
                                                          {section.get('categories').map(function(category) {
                                                                                                              return (
                                                                                                                <li key={category.id}>