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
@@ -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}