mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-01 18:33:33 +00:00
fix click propagation on right controls
This commit is contained in:
parent
e28dad3f84
commit
2d9176cd21
1 changed files with 15 additions and 3 deletions
|
|
@ -227,6 +227,9 @@ export const RightControls = () => {
|
||||||
iconProps={{
|
iconProps={{
|
||||||
size: 'lg',
|
size: 'lg',
|
||||||
}}
|
}}
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
}}
|
||||||
size="sm"
|
size="sm"
|
||||||
tooltip={{
|
tooltip={{
|
||||||
label: t('player.playbackSpeed', { postProcess: 'sentenceCase' }),
|
label: t('player.playbackSpeed', { postProcess: 'sentenceCase' }),
|
||||||
|
|
@ -268,7 +271,10 @@ export const RightControls = () => {
|
||||||
fill: currentSong?.userFavorite ? 'primary' : undefined,
|
fill: currentSong?.userFavorite ? 'primary' : undefined,
|
||||||
size: 'lg',
|
size: 'lg',
|
||||||
}}
|
}}
|
||||||
onClick={() => handleToggleFavorite(currentSong)}
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
handleToggleFavorite(currentSong);
|
||||||
|
}}
|
||||||
size="sm"
|
size="sm"
|
||||||
tooltip={{
|
tooltip={{
|
||||||
label: currentSong?.userFavorite
|
label: currentSong?.userFavorite
|
||||||
|
|
@ -283,7 +289,10 @@ export const RightControls = () => {
|
||||||
iconProps={{
|
iconProps={{
|
||||||
size: 'lg',
|
size: 'lg',
|
||||||
}}
|
}}
|
||||||
onClick={handleToggleQueue}
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
handleToggleQueue();
|
||||||
|
}}
|
||||||
size="sm"
|
size="sm"
|
||||||
tooltip={{
|
tooltip={{
|
||||||
label: t('player.viewQueue', { postProcess: 'titleCase' }),
|
label: t('player.viewQueue', { postProcess: 'titleCase' }),
|
||||||
|
|
@ -297,7 +306,10 @@ export const RightControls = () => {
|
||||||
color: muted ? 'muted' : undefined,
|
color: muted ? 'muted' : undefined,
|
||||||
size: 'xl',
|
size: 'xl',
|
||||||
}}
|
}}
|
||||||
onClick={handleMute}
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
handleMute();
|
||||||
|
}}
|
||||||
onWheel={handleVolumeWheel}
|
onWheel={handleVolumeWheel}
|
||||||
size="sm"
|
size="sm"
|
||||||
tooltip={{
|
tooltip={{
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue