Fix semantic classes for currently playing song

Fix #1364
This commit is contained in:
Deluan 2021-10-07 19:49:27 -04:00
parent 86a87b4bb1
commit ee8943f338

View file

@ -27,21 +27,22 @@ const AudioTitle = React.memo(({ audioInfo, isMobile }) => {
<QualityInfo record={qi} className={classes.qualityInfo} />
)}
</span>
{!isMobile && (
<span className={clsx(classes.songInfo)}>
{`${song.artist} - ${song.album}` +
(song.year ? ` - ${song.year}` : '')}
</span>
)}
{isMobile && (
{isMobile ? (
<>
<span className={clsx(classes.songInfo, classes.songArtist)}>
{`${song.artist}`}
<span className={classes.songInfo}>
<span className={'songArtist'}>{song.artist}</span>
</span>
<span className={clsx(classes.songInfo, classes.songAlbum)}>
{song.year ? `${song.album} - ${song.year}` : `${song.album}`}
<span className={'songAlbum'}>{song.album}</span>
{song.year ? ` - ${song.year}` : ''}
</span>
</>
) : (
<span className={classes.songInfo}>
<span className={'songArtist'}>{song.artist}</span> -{' '}
<span className={'songAlbum'}>{song.album}</span>
{song.year ? ` - ${song.year}` : ''}
</span>
)}
</Link>
)