mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-10 02:54:15 +00:00
use cover
This commit is contained in:
parent
682e081f03
commit
2e627a2b71
@ -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>
|
||||||
|
@ -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)}
|
||||||
/>
|
/>
|
||||||
})
|
})
|
||||||
|
Loading…
x
Reference in New Issue
Block a user