client/src/components/NavbarGroup.js
changeset 172 4b780ebbedc6
parent 168 ea92f4fe783d
--- a/client/src/components/NavbarGroup.js	Thu Nov 08 16:03:28 2018 +0100
+++ b/client/src/components/NavbarGroup.js	Tue Nov 13 16:46:15 2018 +0100
@@ -44,18 +44,18 @@
       const currentGroupName = currentGroup.name;
       return (
         <li className={`nav-item dropdown ${this.state.showDropdown?'show':''}`}>
-          <a className="nav-link dropdown-toggle" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded={this.state.showDropdown} onClick={this.toggleShowDropdown} onBlur={this.hideDropDown}>
-          { currentGroupName }
-          &nbsp;<span className="caret"></span>
-          </a>
-          <div id="group-menu-scroll-down" className={`dropdown-menu dropdown-menu-right shadow py-1 pt-3 mb-5 mt-2 bg-secondary border border-primary ${this.state.showDropdown?'show':''}`} aria-labelledby="navbarDropdown">
+          <span className="nav-link dropdown-toggle" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded={this.state.showDropdown} onClick={this.toggleShowDropdown} onBlur={this.hideDropDown}>
+            { currentGroupName }
+            &nbsp;<span className="caret"></span>
+          </span>
+          <div id="group-menu-scroll-down" className={`dropdown-menu dropdown-menu-right shadow py-1 pt-3 mb-5 mt-2 bg-primary border border-primary ${this.state.showDropdown?'show':''}`} aria-labelledby="navbarDropdown">
           { groups && groups.map((group, key) => {
             const groupName = group.name;
             const className = (groupName === currentGroupName)?'active':null;
-              return <a key={key} onClick={onClickGroup} className={`dropdown-item bg-secondary text-primary font-weight-bold ${className}`} data-groupname={groupName}>{ groupName }</a>
+              return <button key={key} onClick={onClickGroup} className={`dropdown-item btn btn-primary bg-primary text-secondary font-weight-bold ${className}`} data-groupname={groupName}>{ groupName }</button>
             })
           }
-          <button type="button "onClick={onClickGroup} key="-1" className="dropdown-item btn btn-secondary bg-secondary text-center text-primary create-group" data-groupname="__create_group__">Créer un groupe</button>
+          <button type="button "onClick={onClickGroup} key="-1" className="dropdown-item btn btn-primary bg-primary text-center text-secondary create-group" data-groupname="__create_group__">Créer un groupe</button>
           </div>
         </li>
       );