Add props to show dropdown menu

toggle-corp · Feb 6, 2019 · 87d6191 · 87d6191
1 parent 5cdda58
commit 87d6191
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/components/Action/DropdownMenu/index.js b/components/Action/DropdownMenu/index.js
@@ -31,6 +31,7 @@ const propTypes = {
     title: PropTypes.string,
 
     dropdownClassName: PropTypes.string,
+    showDropdown: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -40,6 +41,7 @@ const defaultProps = {
     hideDropdownIcon: false,
     title: '',
     dropdownClassName: '',
+    showDropdown: false,
 };
 
 export default class DropdownMenu extends React.PureComponent {
@@ -60,6 +62,19 @@ export default class DropdownMenu extends React.PureComponent {
         window.addEventListener('click', this.handleWindowClick);
     }
 
+    componentWillReceiveProps(nextProps) {
+        if (this.container) {
+            this.boundingClientRect = this.container.getBoundingClientRect();
+        }
+        const { showDropdown } = nextProps;
+
+        if (this.props.showDropdown !== showDropdown) {
+            this.setState({
+                showDropdown: nextProps.showDropdown,
+            });
+        }
+    }
+
     componentWillUnmount() {
         window.removeEventListener('click', this.handleWindowClick);
     }