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)}
                     />
                 })
             }