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

ajs139 · TheSharpieOne · commit 12270d0ec0ea · 2017-07-26T23:12:17.000-04:00
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}

Original file line number	Diff line number	Diff line change
`@@ -76,6 +76,7 @@ class DropdownToggle extends React.Component {`
`76`	`76`	`} else if (!tag) {`
`77`	`77`	`Tag = Button;`
`78`	`78`	`props.color = color;`
	`79`	`+ props.cssModule = cssModule;`
`79`	`80`	`} else {`
`80`	`81`	`Tag = tag;`
`81`	`82`	`}`