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

use drawer

Browse Source
This commit is contained in:
SrGooglo 2023-04-13 00:23:41 +00:00
parent 81aba2d153
commit 36c0fe3cbb
1 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/app/src/pages/music/components/dashboard/releases/index.jsx
View File

@ -1,9 +1,12 @@
import React from "react" import React from "react"
import * as antd from "antd"
import { Icons } from "components/Icons" import { Icons } from "components/Icons"
import { ImageViewer } from "components" import { ImageViewer } from "components"
import * as antd from "antd"
import PlaylistsModel from "models/playlists"
import PlaylistCreator from "../../../creator"
import PlaylistsModel from "models/playlists"
import "./index.less" import "./index.less"
const ReleaseItem = (props) => { const ReleaseItem = (props) => {
@ -51,10 +54,26 @@ const ReleaseItem = (props) => {
} }
export default (props) => { export default (props) => {
const onClickEditTrack = (track_id) => { const openPlaylistCreator = (playlist_id) => {
console.log("Edit track", track_id) console.log("Opening playlist creator", playlist_id)
app.setLocation(`/music/creator?playlist_id=${track_id}`) app.DrawerController.open("playlist_creator", PlaylistCreator, {
type: "drawer",
props: {
title: <h2
style={{
margin: 0,
}}
>
<Icons.MdOutlineQueueMusic />
Creator
</h2>,
width: "50%",
},
componentProps: {
playlist_id: playlist_id,
}
})
} }
const [L_Releases, R_Releases, E_Releases] = app.cores.api.useRequest(PlaylistsModel.getMyReleases) const [L_Releases, R_Releases, E_Releases] = app.cores.api.useRequest(PlaylistsModel.getMyReleases)
@ -84,7 +103,7 @@ export default (props) => {
<div className="music_panel_releases_header_actions"> <div className="music_panel_releases_header_actions">
<antd.Button <antd.Button
onClick={() => app.setLocation("/music/creator")} onClick={() => openPlaylistCreator()}
icon={<Icons.Plus />} icon={<Icons.Plus />}
type="primary" type="primary"
> >
@ -99,7 +118,7 @@ export default (props) => {
return <ReleaseItem return <ReleaseItem
key={release._id} key={release._id}
release={release} release={release}
onClickEditTrack={() => onClickEditTrack(release._id)} onClickEditTrack={() => openPlaylistCreator(release._id)}
/> />
}) })
} }