use cover

This commit is contained in:
SrGooglo 2023-05-31 19:33:13 +00:00
parent 682e081f03
commit 2e627a2b71
2 changed files with 19 additions and 8 deletions

View File

@ -1,7 +1,6 @@
import React from "react" import React from "react"
import { Button } from "antd" import { Button } from "antd"
import { Icons } from "components/Icons" import { Icons } from "components/Icons"
import UserPreview from "components/UserPreview"
import Image from "components/Image" import Image from "components/Image"
import "./index.less" import "./index.less"
@ -21,7 +20,7 @@ export default (props) => {
<div className="playlistTimelineEntry_content"> <div className="playlistTimelineEntry_content">
<div className="playlistTimelineEntry_thumbnail"> <div className="playlistTimelineEntry_thumbnail">
<Image <Image
src={data.thumbnail} src={data.cover ?? data.thumbnail}
onClick={navigateToPlaylist} onClick={navigateToPlaylist}
/> />
</div> </div>

View File

@ -26,7 +26,7 @@ const ReleaseItem = (props) => {
className="music_panel_releases_info_cover" className="music_panel_releases_info_cover"
> >
<ImageViewer <ImageViewer
src={release.thumbnail ?? "/assets/no_song.png"} src={release.cover ?? release.thumbnail ?? "/assets/no_song.png"}
/> />
</div> </div>
<div <div
@ -61,7 +61,10 @@ const ReleaseItem = (props) => {
</div> </div>
} }
const openPlaylistCreator = (playlist_id) => { const openPlaylistCreator = ({
playlist_id = null,
onModification = () => { }
} = {}) => {
console.log("Opening playlist creator", playlist_id) console.log("Opening playlist creator", playlist_id)
app.DrawerController.open("playlist_creator", PlaylistCreator, { app.DrawerController.open("playlist_creator", PlaylistCreator, {
@ -79,6 +82,7 @@ const openPlaylistCreator = (playlist_id) => {
}, },
componentProps: { componentProps: {
playlist_id: playlist_id, playlist_id: playlist_id,
onModification: onModification,
} }
}) })
} }
@ -89,7 +93,7 @@ const navigateToPlaylist = (playlist_id) => {
export default (props) => { export default (props) => {
const [searchResults, setSearchResults] = React.useState(null) const [searchResults, setSearchResults] = React.useState(null)
const [L_Releases, R_Releases, E_Releases] = app.cores.api.useRequest(PlaylistsModel.getMyReleases) const [L_Releases, R_Releases, E_Releases, M_Releases] = app.cores.api.useRequest(PlaylistsModel.getMyReleases)
if (E_Releases) { if (E_Releases) {
console.error(E_Releases) console.error(E_Releases)
@ -116,7 +120,9 @@ export default (props) => {
<div className="music_panel_releases_header_actions"> <div className="music_panel_releases_header_actions">
<antd.Button <antd.Button
onClick={() => openPlaylistCreator()} onClick={() => openPlaylistCreator({
onModification: M_Releases,
})}
icon={<Icons.Plus />} icon={<Icons.Plus />}
type="primary" type="primary"
> >
@ -146,7 +152,10 @@ export default (props) => {
return <ReleaseItem return <ReleaseItem
key={release._id} key={release._id}
release={release} release={release}
onClickEditTrack={() => openPlaylistCreator(release._id)} onClickEditTrack={() => openPlaylistCreator({
playlist_id: release._id,
onModification: M_Releases,
})}
onClickNavigate={() => navigateToPlaylist(release._id)} onClickNavigate={() => navigateToPlaylist(release._id)}
/> />
}) })
@ -156,7 +165,10 @@ export default (props) => {
return <ReleaseItem return <ReleaseItem
key={release._id} key={release._id}
release={release} release={release}
onClickEditTrack={() => openPlaylistCreator(release._id)} onClickEditTrack={() => openPlaylistCreator({
playlist_id: release._id,
onModification: M_Releases,
})}
onClickNavigate={() => navigateToPlaylist(release._id)} onClickNavigate={() => navigateToPlaylist(release._id)}
/> />
}) })