Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

menuMatchLabelWidth prop added to Dropdown

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-19 18:19:24 +03:00
parent fb62f32d32
commit 541a5b95d2
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/common/Dropdown/Dropdown.js
View file

@ -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({