third-party-mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-19 13:27:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix theme not being applied to Player's audioTitle

Browse Source
This commit is contained in:
Deluan 2021-03-26 22:22:36 -04:00
parent 01ba00ccdd
commit db208600e4
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,7 +5,8 @@ import { Link } from 'react-router-dom'
import { useAuthState, useDataProvider, useTranslate } from 'react-admin'
import ReactJkMusicPlayer from 'react-jinke-music-player'
import 'react-jinke-music-player/assets/index.css'
import { makeStyles } from '@material-ui/core/styles'
import { createMuiTheme, makeStyles } from '@material-ui/core/styles'
import { ThemeProvider } from '@material-ui/styles'
import { GlobalHotKeys } from 'react-hotkeys'
import subsonic from '../subsonic'
import {
@ -24,7 +25,7 @@ import useCurrentTheme from '../themes/useCurrentTheme'
const useStyle = makeStyles((theme) => ({
audioTitle: {
textDecoration: 'none',
color: theme.palette.primary.light,
color: theme.palette.primary.dark,
'&.songTitle': {
fontWeight: 'bold',
},
@ -36,7 +37,10 @@ const useStyle = makeStyles((theme) => ({
let audioInstance = null
const AudioTitle = React.memo(({ audioInfo, isMobile, className }) => {
const AudioTitle = React.memo(({ audioInfo, isMobile }) => {
const classes = useStyle()
const className = classes.audioTitle
if (!audioInfo.name) {
return ''
}
@ -130,11 +134,9 @@ const Player = () => {
},
volumeFade: { fadeIn: 200, fadeOut: 200 },
renderAudioTitle: (audioInfo, isMobile) => (
<AudioTitle
audioInfo={audioInfo}
isMobile={isMobile}
className={classes.audioTitle}
/>
<ThemeProvider theme={createMuiTheme(theme)}>
<AudioTitle audioInfo={audioInfo} isMobile={isMobile} />
</ThemeProvider>
),
locale: {
playListsText: translate('player.playListsText'),