Added onPlay prop

packages/app/src/components/Music/PlaylistView/index.jsx

@@ -392,9 +392,7 @@ const PlaylistView = (props) => {
 										key={item._id}
 										order={item._id}
 										track={item}
-										onClickPlayBtn={() =>
-											handleOnClickTrack(item)
-										}
+										onPlay={() => handleOnClickTrack(item)}
 										changeState={(update) =>
 											handleTrackChangeState(
 												item._id,
@@ -418,7 +416,7 @@ const PlaylistView = (props) => {
 											<MusicTrack
 												order={index + 1}
 												track={item}
-												onClickPlayBtn={() =>
+												onPlay={() =>
 													handleOnClickTrack(item)
 												}
 												changeState={(update) =>

packages/app/src/components/Music/Track/index.jsx

@@ -52,6 +52,10 @@ const Track = (props) => {
 	const isPlaying = isCurrent && playback_status === "playing"
 
 	const handleClickPlayBtn = React.useCallback(() => {
+		if (typeof props.onPlay === "function") {
+			return props.onPlay(props.track)
+		}
+
 		if (typeof props.onClickPlayBtn === "function") {
 			props.onClickPlayBtn(props.track)
 		}

packages/app/src/contexts/MusicReleaseEditor/index.js

@@ -1,17 +1,19 @@
 import React from "react"
 
 export const DefaultReleaseEditorState = {
-    cover: null,
-    title: "Untitled",
-    type: "single",
-    public: false,
+	cover: null,
+	title: "Untitled",
+	type: "single",
+	public: false,
 
-    list: [],
-    pendingUploads: [],
+	items: [],
+	pendingUploads: [],
 
-    setCustomPage: () => {},
+	setCustomPage: () => {},
 }
 
-export const ReleaseEditorStateContext = React.createContext(DefaultReleaseEditorState)
+export const ReleaseEditorStateContext = React.createContext(
+	DefaultReleaseEditorState,
+)
 
 export default ReleaseEditorStateContext