Merge 'jeff-nz-feature/sidebar-badge-on-parent-menus'

coreui · Oct 8, 2018 · 8693743 · 8693743
2 parents 1f167ea + 43d8fef
commit 8693743
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 ### [@coreui/react](https://coreui.io/) changelog
 
+##### `v2.0.9`
+- feat(Sidebar): badge on parent dropdown - thanks @jeff-nz
+- fix(SidebarNav): handleClick() target->currentTarget open
+- chore(demo): style.css update to `@coreui/coreui v2.0.15`
+
 ##### `v2.0.8`
 - refactor(SidebarMinimizer): extract `togglePs` method
 - refactor(SidebarMinimizer): for use `togglePs` method

diff --git a/demo/src/scss/style.css b/demo/src/scss/style.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "CoreUI React Bootstrap 4 components",
   "license": "MIT",
   "author": {

diff --git a/src/SidebarNav.js b/src/SidebarNav.js
@@ -41,7 +41,7 @@ class AppSidebarNav extends Component {
 
   handleClick(e) {
     e.preventDefault();
-    e.target.parentElement.classList.toggle('open');
+    e.currentTarget.parentElement.classList.toggle('open');
   }
 
   activeRoute(routeName, props) {
@@ -111,7 +111,7 @@ class AppSidebarNav extends Component {
     const classIcon = classNames('nav-icon', item.icon);
     return (
       <li key={key} className={this.activeRoute(item.url, this.props)}>
-        <a className="nav-link nav-dropdown-toggle" href="#" onClick={this.handleClick}><i className={classIcon} />{item.name}</a>
+        <a className="nav-link nav-dropdown-toggle" href="#" onClick={this.handleClick}><i className={classIcon} />{item.name}{this.navBadge(item.badge)}</a>
         <ul className="nav-dropdown-items">
           {this.navList(item.children)}
         </ul>