Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 23:12:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(MultiselectMenu): handle title function

Browse source
This commit is contained in:
Botzy 2025-02-28 17:45:13 +02:00
parent 0a6d70f3a6
commit 794f4e48ac
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/MultiselectMenu/MultiselectMenu.tsx
View file

@ -11,7 +11,7 @@ import useOutsideClick from 'stremio/common/useOutsideClick';
type Props = { type Props = {
className?: string, className?: string,
title?: string; title?: string | (() => string);
options: MultiselectMenuOption[]; options: MultiselectMenuOption[];
selectedOption?: MultiselectMenuOption; selectedOption?: MultiselectMenuOption;
onSelect: (value: number) => void; onSelect: (value: number) => void;
@ -35,7 +35,11 @@ const MultiselectMenu = ({ className, title, options, selectedOption, onSelect }
aria-haspopup='listbox' aria-haspopup='listbox'
aria-expanded={menuOpen} aria-expanded={menuOpen}
> >
{title} {
typeof title === 'function'
? title()
: title ?? selectedOption?.label
}
<Icon name={'caret-down'} className={classNames(styles['icon'], { [styles['open']]: menuOpen })} /> <Icon name={'caret-down'} className={classNames(styles['icon'], { [styles['open']]: menuOpen })} />
</Button> </Button>
{ {