mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-03 03:11:40 +00:00
fix: disable certain playlist controls when search is enabled
This commit is contained in:
parent
4cbbb4035d
commit
a379100c9f
1 changed files with 5 additions and 0 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue