mirrors
/
navidrome
mirror of https://github.com/navidrome/navidrome.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix Web Scroller compatibility 

This fixes https://github.com/web-scrobbler/web-scrobbler/issues/2828
This commit is contained in:
Deluan 2021-04-24 21:13:14 -04:00
parent 3cede28161
commit 4b5a5abe1b
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/audioplayer/Player.js
View File

@ -12,6 +12,7 @@ import {
} from '@material-ui/core/styles' } from '@material-ui/core/styles'
import { useMediaQuery } from '@material-ui/core' import { useMediaQuery } from '@material-ui/core'
import { GlobalHotKeys } from 'react-hotkeys' import { GlobalHotKeys } from 'react-hotkeys'
import clsx from 'clsx'
import subsonic from '../subsonic' import subsonic from '../subsonic'
import { import {
scrobble, scrobble,
@ -85,14 +86,16 @@ const AudioTitle = React.memo(({ audioInfo, isMobile }) => {
return ( return (
<Link to={`/album/${audioInfo.albumId}/show`} className={className}> <Link to={`/album/${audioInfo.albumId}/show`} className={className}>
<span> <span>
<span className={classes.songTitle}>{audioInfo.name}</span> <span className={clsx(classes.songTitle, 'songTitle')}>
{audioInfo.name}
</span>
{isDesktop && ( {isDesktop && (
<QualityInfo record={qi} className={classes.qualityInfo} /> <QualityInfo record={qi} className={classes.qualityInfo} />
)} )}
</span> </span>
{!isMobile && ( {!isMobile && (
<div className={classes.artistAlbum}> <div className={classes.artistAlbum}>
<span className={classes.songInfo}> <span className={clsx(classes.songInfo, 'songInfo')}>
{`${audioInfo.singer} - ${audioInfo.album}`} {`${audioInfo.singer} - ${audioInfo.album}`}
</span> </span>
</div> </div>