From 36c0fe3cbb971c97f23e8a0b730ef2f3af9ca3d7 Mon Sep 17 00:00:00 2001 From: SrGooglo <srgooglo@ragestudio.net> Date: Thu, 13 Apr 2023 00:23:41 +0000 Subject: [PATCH] use drawer --- .../components/dashboard/releases/index.jsx | 33 +++++++++++++++---- 1 file changed, 26 insertions(+), 7 deletions(-) diff --git a/packages/app/src/pages/music/components/dashboard/releases/index.jsx b/packages/app/src/pages/music/components/dashboard/releases/index.jsx index 5f2e0494..8630a57b 100644 --- a/packages/app/src/pages/music/components/dashboard/releases/index.jsx +++ b/packages/app/src/pages/music/components/dashboard/releases/index.jsx @@ -1,9 +1,12 @@ import React from "react" +import * as antd from "antd" + import { Icons } from "components/Icons" 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" const ReleaseItem = (props) => { @@ -51,10 +54,26 @@ const ReleaseItem = (props) => { } export default (props) => { - const onClickEditTrack = (track_id) => { - console.log("Edit track", track_id) + const openPlaylistCreator = (playlist_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) @@ -84,7 +103,7 @@ export default (props) => { <div className="music_panel_releases_header_actions"> <antd.Button - onClick={() => app.setLocation("/music/creator")} + onClick={() => openPlaylistCreator()} icon={<Icons.Plus />} type="primary" > @@ -99,7 +118,7 @@ export default (props) => { return <ReleaseItem key={release._id} release={release} - onClickEditTrack={() => onClickEditTrack(release._id)} + onClickEditTrack={() => openPlaylistCreator(release._id)} /> }) }