feat: applied beatconnect logo as default audio player bg (#350)

yadPe · Mar 24, 2021 · 01c8f24 · 01c8f24
1 parent 42f9b22
commit 01c8f24
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/App/assets/img/beatconnect_logo.png b/src/App/assets/img/beatconnect_logo.png
diff --git a/src/App/modules/common/NavPanel/SidePanel/MusicPlayer.jsx b/src/App/modules/common/NavPanel/SidePanel/MusicPlayer.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { createUseStyles } from 'react-jss';
 import { connect } from 'react-redux';
 import config from '../../../../../shared/config';
+import reqImgAssets from '../../../../helpers/reqImgAssets';
 import { getThumbUrl } from '../../../../../shared/PpyHelpers.bs';
 import renderIcons from '../../../../helpers/renderIcons';
 import { useAudioPlayer } from '../../../../Providers/AudioPlayerProvider.bs';
@@ -83,7 +84,7 @@ const PlayingSong = ({ expended }) => {
             <div
               onClick={togglePlayPause}
               className={classes.songImage}
-              style={{ backgroundImage: `url(${getThumbUrl(playingState.beatmapSetId)})` }}
+              style={{ backgroundImage: `url(${getThumbUrl(playingState.beatmapSetId)}), url(${reqImgAssets(`./beatconnect_logo.png`)})`, backgroundSize : "auto, 75%", backgroundRepeat : "no-repeat" }}
             />
             <div className={classes.arrrowRight} onClick={handleNext}>
               {renderIcons({ name: 'Arrow' })}