fix(CSSModules): pass modules to child components (#483)

reactstrap · Jul 27, 2017 · 12270d0 · 12270d0
1 parent 72d82a3
commit 12270d0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/DropdownToggle.js b/src/DropdownToggle.js
@@ -76,6 +76,7 @@ class DropdownToggle extends React.Component {
     } else if (!tag) {
       Tag = Button;
       props.color = color;
+      props.cssModule = cssModule;
     } else {
       Tag = tag;
     }

diff --git a/src/NavbarToggler.js b/src/NavbarToggler.js
@@ -18,8 +18,6 @@ const defaultProps = {
   type: 'button'
 };
 
-const navbarToggleIcon = <span className="navbar-toggler-icon" />;
-
 const NavbarToggler = (props) => {
   const {
     className,
@@ -40,7 +38,7 @@ const NavbarToggler = (props) => {
 
   return (
     <Tag {...attributes} className={classes}>
-      {children || navbarToggleIcon}
+      {children || <span className={mapToCssModules('navbar-toggler-icon', cssModule)} />}
     </Tag>
   );
 };

diff --git a/src/Tooltip.js b/src/Tooltip.js
@@ -206,7 +206,7 @@ class Tooltip extends React.Component {
 
     return (
       <TetherContent
-        className="tooltip"
+        className={mapToCssModules('tooltip', this.props.cssModule)}
         tether={tetherConfig}
         tetherRef={this.props.tetherRef}
         isOpen={this.props.isOpen}