From 541a5b95d2ee0b5f7f9133202ada2b5a4dabfeb4 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 19 Sep 2019 18:19:24 +0300
Subject: [PATCH] menuMatchLabelWidth prop added to Dropdown

---
 src/common/Dropdown/Dropdown.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/common/Dropdown/Dropdown.js b/src/common/Dropdown/Dropdown.js
index 11cc6a1c0..6e08ec5e1 100644
--- a/src/common/Dropdown/Dropdown.js
+++ b/src/common/Dropdown/Dropdown.js
@@ -8,7 +8,7 @@ const useBinaryState = require('stremio/common/useBinaryState');
 const styles = require('./styles');
 
 // TODO rename to multiselect
-const Dropdown = ({ className, menuClassName, name, selected, options, onSelect }) => {
+const Dropdown = ({ className, menuClassName, menuMatchLabelWidth, name, selected, options, onSelect }) => {
     const [menuOpen, openMenu, closeMenu, toggleMenu] = useBinaryState(false);
     const optionOnClick = React.useCallback((event) => {
         if (typeof onSelect === 'function') {
@@ -22,7 +22,7 @@ const Dropdown = ({ className, menuClassName, name, selected, options, onSelect
     return (
         <Popup
             open={menuOpen}
-            menuMatchLabelWidth={true}
+            menuMatchLabelWidth={typeof menuMatchLabelWidth === 'boolean' ? menuMatchLabelWidth : true}
             onCloseRequest={closeMenu}
             renderLabel={(ref) => (
                 <Button ref={ref} className={classnames(className, styles['dropdown-label-container'], { 'active': menuOpen })} title={name} onClick={toggleMenu}>
@@ -65,6 +65,7 @@ const Dropdown = ({ className, menuClassName, name, selected, options, onSelect
 Dropdown.propTypes = {
     className: PropTypes.string,
     menuClassName: PropTypes.string,
+    menuMatchLabelWidth: PropTypes.bool,
     name: PropTypes.string,
     selected: PropTypes.arrayOf(PropTypes.string),
     options: PropTypes.arrayOf(PropTypes.shape({