|
@ -470,38 +470,38 @@ const PlayerBar = () => { |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Seek Backward Button */} |
|
|
{/* Previous Song Button */} |
|
|
<CustomTooltip text={t('Seek backward')}> |
|
|
<CustomTooltip text={t('Previous Track')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Seek backward')} |
|
|
aria-label={t('Previous Track')} |
|
|
role="button" |
|
|
role="button" |
|
|
tabIndex={0} |
|
|
tabIndex={0} |
|
|
icon="backward" |
|
|
icon="step-backward" |
|
|
size="lg" |
|
|
size="lg" |
|
|
fixedWidth |
|
|
fixedWidth |
|
|
disabled={playQueue.entry.length === 0} |
|
|
disabled={playQueue.entry.length === 0} |
|
|
onClick={handleSeekBackward} |
|
|
onClick={handlePrevTrack} |
|
|
onKeyDown={(e: any) => { |
|
|
onKeyDown={(e: any) => { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
handleSeekBackward(); |
|
|
handlePrevTrack(); |
|
|
} |
|
|
} |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Previous Song Button */} |
|
|
{/* Seek Backward Button */} |
|
|
<CustomTooltip text={t('Previous Track')}> |
|
|
<CustomTooltip text={t('Seek backward')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Previous Track')} |
|
|
aria-label={t('Seek backward')} |
|
|
role="button" |
|
|
role="button" |
|
|
tabIndex={0} |
|
|
tabIndex={0} |
|
|
icon="step-backward" |
|
|
icon="backward" |
|
|
size="lg" |
|
|
size="lg" |
|
|
fixedWidth |
|
|
fixedWidth |
|
|
disabled={playQueue.entry.length === 0} |
|
|
disabled={playQueue.entry.length === 0} |
|
|
onClick={handlePrevTrack} |
|
|
onClick={handleSeekBackward} |
|
|
onKeyDown={(e: any) => { |
|
|
onKeyDown={(e: any) => { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
handlePrevTrack(); |
|
|
handleSeekBackward(); |
|
|
} |
|
|
} |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
@ -524,38 +524,39 @@ const PlayerBar = () => { |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Next Song Button */} |
|
|
|
|
|
<CustomTooltip text={t('Next Track')}> |
|
|
{/* Seek Forward Button */} |
|
|
|
|
|
<CustomTooltip text={t('Seek forward')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Next Track')} |
|
|
aria-label={t('Seek forward')} |
|
|
role="button" |
|
|
role="button" |
|
|
tabIndex={0} |
|
|
tabIndex={0} |
|
|
icon="step-forward" |
|
|
icon="forward" |
|
|
size="lg" |
|
|
size="lg" |
|
|
fixedWidth |
|
|
fixedWidth |
|
|
disabled={playQueue.entry.length === 0} |
|
|
disabled={playQueue.entry.length === 0} |
|
|
onClick={handleNextTrack} |
|
|
onClick={handleSeekForward} |
|
|
onKeyDown={(e: any) => { |
|
|
onKeyDown={(e: any) => { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
handleNextTrack(); |
|
|
handleSeekForward(); |
|
|
} |
|
|
} |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Seek Forward Button */} |
|
|
{/* Next Song Button */} |
|
|
<CustomTooltip text={t('Seek forward')}> |
|
|
<CustomTooltip text={t('Next Track')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Seek forward')} |
|
|
aria-label={t('Next Track')} |
|
|
role="button" |
|
|
role="button" |
|
|
tabIndex={0} |
|
|
tabIndex={0} |
|
|
icon="forward" |
|
|
icon="step-forward" |
|
|
size="lg" |
|
|
size="lg" |
|
|
fixedWidth |
|
|
fixedWidth |
|
|
disabled={playQueue.entry.length === 0} |
|
|
disabled={playQueue.entry.length === 0} |
|
|
onClick={handleSeekForward} |
|
|
onClick={handleNextTrack} |
|
|
onKeyDown={(e: any) => { |
|
|
onKeyDown={(e: any) => { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
if (e.key === ' ' || e.key === 'Enter') { |
|
|
handleSeekForward(); |
|
|
handleNextTrack(); |
|
|
} |
|
|
} |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|