refactor: delete unused attributes

Author: xidedix

src/Aside.js

@@ -62,7 +62,13 @@ class AppAside extends Component {
   }
 
   render() {
-    const { className, children, display, fixed, hidden, offCanvas, isOpen, tag: Tag, ...attributes } = this.props;
+    const { className, children, tag: Tag, ...attributes } = this.props;
+
+    delete attributes.display
+    delete attributes.fixed
+    delete attributes.hidden
+    delete attributes.offCanvas
+    delete attributes.isOpen
 
     const classes = classNames(className, 'aside-menu');
 

src/AsideToggler.js

@@ -45,19 +45,23 @@ class AppAsideToggler extends Component {
   }
 
   render() {
-    const { className, children, mobile, tag: Tag, display, ...attributes } = this.props;
+    const { className, children, type, tag: Tag, ...attributes } = this.props;
+
+    delete attributes.display
+    delete attributes.mobile
+    delete attributes.display
 
     const classes = classNames(className, 'navbar-toggler');
 
     return (
-      <button
-          type="button"
+      <Tag
+          type={type}
           className={classes}
           {...attributes}
           onClick={(event)=>this.asideToggle(event)}
       >
         {children || <span className="navbar-toggler-icon" />}
-      </button>
+      </Tag>
     );
   }
 }

src/Breadcrumb.js

@@ -82,7 +82,11 @@ class AppBreadcrumb extends Component {
   }
 
   render() {
-    const { className, children, appRoutes, tag: Tag, ...attributes } = this.props;
+    const { className, tag: Tag, ...attributes } = this.props;
+
+    delete attributes.children
+    delete attributes.appRoutes
+
     const classes = classNames(className);
 
     return (

src/Footer.js

@@ -30,7 +30,9 @@ class AppFooter extends Component {
   }
 
   render() {
-    const { className, children, fixed, tag: Tag, ...attributes } = this.props;
+    const { className, children, tag: Tag, ...attributes } = this.props;
+
+    delete attributes.fixed
 
     const classes = classNames(className, 'app-footer');
 

src/Header.js

@@ -28,7 +28,9 @@ class AppHeader extends Component {
   // }
 
   render() {
-    const { className, children, fixed, tag: Tag, ...attributes } = this.props;
+    const { className, children, tag: Tag, ...attributes } = this.props;
+
+    delete attributes.fixed
 
     const classes = classNames(className, 'app-header', 'navbar');
 

src/Sidebar.js

@@ -71,7 +71,15 @@ class AppSidebar extends Component {
   }
 
   render() {
-    const { className, children, compact, display, fixed, minimized, offCanvas, isOpen, tag: Tag, staticContext, ...attributes } = this.props;
+    const { className, children, tag: Tag, ...attributes } = this.props;
+
+    delete attributes.compact
+    delete attributes.display
+    delete attributes.fixed
+    delete attributes.minimized
+    delete attributes.offCanvas
+    delete attributes.isOpen
+    delete attributes.staticContext
 
     const classes = classNames(className, 'sidebar');
 

src/SidebarNav.js

@@ -165,7 +165,11 @@ class AppSidebarNav extends Component {
   }
 
   render() {
-    const { className, children, isOpen, tag: Tag, navConfig, staticContext, ...attributes } = this.props;
+    const { className, children, navConfig, ...attributes } = this.props;
+
+    delete attributes.isOpen
+    delete attributes.staticContext
+    delete attributes.Tag
 
     const navClasses = classNames(className, 'sidebar-nav');
 

src/SidebarToggler.js

@@ -43,7 +43,10 @@ class AppSidebarToggler extends Component {
   }
 
   render() {
-    const { className, children, mobile, tag: Tag, display, ...attributes } = this.props;
+    const { className, children, tag: Tag, ...attributes } = this.props;
+
+    delete attributes.mobile
+    delete attributes.display
 
     const classes = classNames(className, 'navbar-toggler');