Empty placeholder component. CSS fixes.

This commit is contained in:
Mike Cao 2020-08-10 19:54:03 -07:00
parent cd76cc895f
commit e309376150
8 changed files with 85 additions and 19 deletions

View file

@ -22,23 +22,25 @@ export default function Menu({
[styles.right]: align === 'right',
})}
>
{options.map(option => {
const { label, value, className: customClassName, render } = option;
{options
.filter(({ hidden }) => !hidden)
.map(option => {
const { label, value, className: customClassName, render } = option;
return render ? (
render(option)
) : (
<div
key={value}
className={classNames(styles.option, optionClassName, customClassName, {
[selectedClassName]: selectedOption === value,
})}
onClick={e => onSelect(value, e)}
>
{label}
</div>
);
})}
return render ? (
render(option)
) : (
<div
key={value}
className={classNames(styles.option, optionClassName, customClassName, {
[selectedClassName]: selectedOption === value,
})}
onClick={e => onSelect(value, e)}
>
{label}
</div>
);
})}
</div>
);
}