|
@ -465,7 +465,7 @@ const PlayerBar = () => { |
|
|
<FlexboxGrid.Item colspan={12} style={{ textAlign: 'center', verticalAlign: 'middle' }}> |
|
|
<FlexboxGrid.Item colspan={12} style={{ textAlign: 'center', verticalAlign: 'middle' }}> |
|
|
<PlayerColumn center height="45px"> |
|
|
<PlayerColumn center height="45px"> |
|
|
{/* Stop Button */} |
|
|
{/* Stop Button */} |
|
|
<CustomTooltip text={t('Stop')} delay={1000}> |
|
|
<CustomTooltip text={t('Stop')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Seek forward')} |
|
|
aria-label={t('Seek forward')} |
|
|
role="button" |
|
|
role="button" |
|
@ -483,7 +483,7 @@ const PlayerBar = () => { |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Seek Backward Button */} |
|
|
{/* Seek Backward Button */} |
|
|
<CustomTooltip text={t('Seek backward')} delay={1000}> |
|
|
<CustomTooltip text={t('Seek backward')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Seek backward')} |
|
|
aria-label={t('Seek backward')} |
|
|
role="button" |
|
|
role="button" |
|
@ -501,7 +501,7 @@ const PlayerBar = () => { |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Previous Song Button */} |
|
|
{/* Previous Song Button */} |
|
|
<CustomTooltip text={t('Previous Track')} delay={1000}> |
|
|
<CustomTooltip text={t('Previous Track')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Previous Track')} |
|
|
aria-label={t('Previous Track')} |
|
|
role="button" |
|
|
role="button" |
|
@ -519,7 +519,7 @@ const PlayerBar = () => { |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Play/Pause Button */} |
|
|
{/* Play/Pause Button */} |
|
|
<CustomTooltip text={t('Play/Pause')} delay={1000}> |
|
|
<CustomTooltip text={t('Play/Pause')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Play')} |
|
|
aria-label={t('Play')} |
|
|
aria-pressed={player.status === 'PLAYING'} |
|
|
aria-pressed={player.status === 'PLAYING'} |
|
@ -537,7 +537,7 @@ const PlayerBar = () => { |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Next Song Button */} |
|
|
{/* Next Song Button */} |
|
|
<CustomTooltip text={t('Next Track')} delay={1000}> |
|
|
<CustomTooltip text={t('Next Track')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Next Track')} |
|
|
aria-label={t('Next Track')} |
|
|
role="button" |
|
|
role="button" |
|
@ -555,7 +555,7 @@ const PlayerBar = () => { |
|
|
/> |
|
|
/> |
|
|
</CustomTooltip> |
|
|
</CustomTooltip> |
|
|
{/* Seek Forward Button */} |
|
|
{/* Seek Forward Button */} |
|
|
<CustomTooltip text={t('Seek forward')} delay={1000}> |
|
|
<CustomTooltip text={t('Seek forward')}> |
|
|
<PlayerControlIcon |
|
|
<PlayerControlIcon |
|
|
aria-label={t('Seek forward')} |
|
|
aria-label={t('Seek forward')} |
|
|
role="button" |
|
|
role="button" |
|
|