fix: disable certain playlist controls when search is enabled

This commit is contained in:
Kendall Garner 2025-10-26 12:03:36 -07:00
parent 4cbbb4035d
commit a379100c9f
No known key found for this signature in database
GPG key ID: 9355F387FE765C94

View file

@ -135,6 +135,8 @@ export const PlayQueueListControls = ({
[handleSearch, tableRef], [handleSearch, tableRef],
); );
const hasSearch = !!searchTerm;
return ( return (
<Group <Group
justify="space-between" justify="space-between"
@ -152,6 +154,7 @@ export const PlayQueueListControls = ({
variant="subtle" variant="subtle"
/> />
<ActionIcon <ActionIcon
disabled={hasSearch}
icon="mediaPlayNext" icon="mediaPlayNext"
iconProps={{ size: 'lg' }} iconProps={{ size: 'lg' }}
onClick={handleMoveToNext} onClick={handleMoveToNext}
@ -159,6 +162,7 @@ export const PlayQueueListControls = ({
variant="subtle" variant="subtle"
/> />
<ActionIcon <ActionIcon
disabled={hasSearch}
icon="arrowDownToLine" icon="arrowDownToLine"
iconProps={{ size: 'lg' }} iconProps={{ size: 'lg' }}
onClick={handleMoveToBottom} onClick={handleMoveToBottom}
@ -166,6 +170,7 @@ export const PlayQueueListControls = ({
variant="subtle" variant="subtle"
/> />
<ActionIcon <ActionIcon
disabled={hasSearch}
icon="arrowUpToLine" icon="arrowUpToLine"
iconProps={{ size: 'lg' }} iconProps={{ size: 'lg' }}
onClick={handleMoveToTop} onClick={handleMoveToTop}