RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 18:44:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

use thumbnails as fallback

Browse Source
This commit is contained in:
SrGooglo 2023-05-31 01:37:35 +00:00
parent 5c4d3ddd84
commit 6eb69a8ef8
8 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/components/MusicTrack/index.jsx
View File

@ -50,7 +50,7 @@ export default (props) => {
</div>
</div>
<div className="music-track_cover">
<ImageViewer src={props.track.thumbnail} />
<ImageViewer src={props.track.cover ?? props.track.thumbnail} />
</div>
<div className="music-track_details">
<div className="music-track_title">

2
packages/app/src/components/Player/MediaPlayer/index.jsx
View File

@ -129,7 +129,7 @@ export class AudioPlayer extends React.Component {
<div
className="cover"
style={{
backgroundImage: `url(${(this.context.currentManifest?.thumbnail) ?? "/assets/no_song.png"})`,
backgroundImage: `url(${(this.context.currentManifest?.cover ?? this.context.currentManifest?.thumbnail) ?? "/assets/no_song.png"})`,
}}
/>
<div className="header">

4
packages/app/src/cores/player/index.js
View File

@ -236,8 +236,8 @@ export default class Player extends Core {
if (change.object.currentAudioManifest) {
// analyze cover color
if (change.object.currentAudioManifest.thumbnail) {
this.fac.getColorAsync(change.object.currentAudioManifest.thumbnail)
if (change.object.currentAudioManifest.cover || change.object.currentAudioManifest.thumbnail) {
this.fac.getColorAsync(change.object.currentAudioManifest.cover ?? change.object.currentAudioManifest.thumbnail)
.then((color) => {
this.state.coverColorAnalysis = color
})

2
packages/app/src/pages/music/components/feed/index.jsx
View File

@ -173,7 +173,7 @@ const PlaylistItem = (props) => {
</div>
<ImageViewer
src={playlist.thumbnail ?? "/assets/no_song.png"}
src={playlist.cover ?? playlist.thumbnail ?? "/assets/no_song.png"}
/>
</div>

2
packages/app/src/pages/music/creator/components/BasicInformation/index.jsx
View File

@ -6,7 +6,7 @@ import UploadButton from "components/UploadButton"
export default (props) => {
const [playlistName, setPlaylistName] = React.useState(props.playlist.title)
const [playlistDescription, setPlaylistDescription] = React.useState(props.playlist.description)
const [playlistThumbnail, setPlaylistThumbnail] = React.useState(props.playlist.thumbnail)
const [playlistThumbnail, setPlaylistThumbnail] = React.useState(props.playlist.cover ?? props.playlist.thumbnail)
const [playlistVisibility, setPlaylistVisibility] = React.useState(props.playlist.visibility)
const handleTitleOnChange = (event) => {

2
packages/app/src/pages/play/[play_id].jsx
View File

@ -63,7 +63,7 @@ export default (props) => {
<div className="play_info_wrapper">
<div className="play_info">
<div className="play_info_cover">
<ImageViewer src={playlist?.thumbnail ?? "/assets/no_song.png"} />
<ImageViewer src={playlist.cover ?? playlist?.thumbnail ?? "/assets/no_song.png"} />
</div>
<div className="play_info_details">

4
packages/music_server/src/models/playlist/index.js
View File

@ -18,6 +18,10 @@ export default {
default: [],
required: true
},
cover: {
type: String,
default: "https://storage.ragestudio.net/comty-static-assets/default_song.png"
},
thumbnail: {
type: String,
default: "https://storage.ragestudio.net/comty-static-assets/default_song.png"

4
packages/music_server/src/models/track/index.js
View File

@ -27,6 +27,10 @@ export default {
type: Boolean,
default: true,
},
cover: {
type: String,
default: "https://storage.ragestudio.net/comty-static-assets/default_song.png"
},
thumbnail: {
type: String,
default: "https://storage.ragestudio.net/comty-static-assets/default_song.png"