mirror of
https://github.com/antebudimir/feishin.git
synced 2025-12-31 10:03: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={{
|
||||
size: 'lg',
|
||||
}}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
}}
|
||||
size="sm"
|
||||
tooltip={{
|
||||
label: t('player.playbackSpeed', { postProcess: 'sentenceCase' }),
|
||||
|
|
@ -268,7 +271,10 @@ export const RightControls = () => {
|
|||
fill: currentSong?.userFavorite ? 'primary' : undefined,
|
||||
size: 'lg',
|
||||
}}
|
||||
onClick={() => handleToggleFavorite(currentSong)}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
handleToggleFavorite(currentSong);
|
||||
}}
|
||||
size="sm"
|
||||
tooltip={{
|
||||
label: currentSong?.userFavorite
|
||||
|
|
@ -283,7 +289,10 @@ export const RightControls = () => {
|
|||
iconProps={{
|
||||
size: 'lg',
|
||||
}}
|
||||
onClick={handleToggleQueue}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
handleToggleQueue();
|
||||
}}
|
||||
size="sm"
|
||||
tooltip={{
|
||||
label: t('player.viewQueue', { postProcess: 'titleCase' }),
|
||||
|
|
@ -297,7 +306,10 @@ export const RightControls = () => {
|
|||
color: muted ? 'muted' : undefined,
|
||||
size: 'xl',
|
||||
}}
|
||||
onClick={handleMute}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
handleMute();
|
||||
}}
|
||||
onWheel={handleVolumeWheel}
|
||||
size="sm"
|
||||
tooltip={{
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue