Fix unknown prop warning

trendmicro-frontend · May 20, 2017 · 455567c · 455567c
1 parent 21b1163
commit 455567c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/DropdownToggle.jsx b/src/DropdownToggle.jsx
@@ -41,6 +41,8 @@ class DropdownToggle extends PureComponent {
     render() {
         const {
             componentClass: Component,
+            btnSize,
+            btnStyle = 'flat',
             noCaret,
             open,
             className,
@@ -51,19 +53,19 @@ class DropdownToggle extends PureComponent {
         delete props.dropdownRole; // Accessed by Dropdown
 
         if (Component === Button) {
-            props.btnStyle = props.btnStyle || 'flat';
+            props.btnStyle = btnStyle;
             props.dropdownToggle = true;
         }
 
         const useCaret = !noCaret;
         const empty = !children && !props.title;
         const dropdownToggleClasses = {
             [styles.dropdownToggle]: true,
-            [styles.btnLink]: props.btnStyle === 'link',
-            [styles.btnLg]: props.btnSize === 'lg' || props.btnSize === 'large',
-            [styles.btnMd]: props.btnSize === 'md' || props.btnSize === 'medium',
-            [styles.btnSm]: props.btnSize === 'sm' || props.btnSize === 'small',
-            [styles.btnXs]: props.btnSize === 'xs' || props.btnSize === 'extra-small',
+            [styles.btnLink]: btnStyle === 'link', // CSS selector ".btn-link:hover .caret"
+            [styles.btnLg]: btnSize === 'lg' || btnSize === 'large',
+            [styles.btnMd]: btnSize === 'md' || btnSize === 'medium',
+            [styles.btnSm]: btnSize === 'sm' || btnSize === 'small',
+            [styles.btnXs]: btnSize === 'xs' || btnSize === 'extra-small',
             [styles.empty]: empty
         };
         const caretClasses = {

diff --git a/src/index.styl b/src/index.styl
@@ -49,7 +49,7 @@
     margin-bottom: 7px;
 }
 .dropdown-toggle.btn-link:hover .caret {
-  border-top-color: #0096cc;
+    border-top-color: #0096cc;
 }
 .dropdown-toggle.empty .caret {
     margin-left: 0;