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

Author: xidedix

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

demo/src/scss/style.css

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "CoreUI React Bootstrap 4 components",
   "license": "MIT",
   "author": {

package.json

@@ -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>