From d738995054439282188ddf6a500df4bfa8017f8e Mon Sep 17 00:00:00 2001 From: SrGooglo Date: Thu, 24 Apr 2025 06:13:25 +0000 Subject: [PATCH] Added `onPlay` prop --- .../components/Music/PlaylistView/index.jsx | 6 ++---- .../app/src/components/Music/Track/index.jsx | 4 ++++ .../src/contexts/MusicReleaseEditor/index.js | 20 ++++++++++--------- 3 files changed, 17 insertions(+), 13 deletions(-) diff --git a/packages/app/src/components/Music/PlaylistView/index.jsx b/packages/app/src/components/Music/PlaylistView/index.jsx index 096c81cf..a6cd9b20 100755 --- a/packages/app/src/components/Music/PlaylistView/index.jsx +++ b/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) => { + onPlay={() => handleOnClickTrack(item) } changeState={(update) => diff --git a/packages/app/src/components/Music/Track/index.jsx b/packages/app/src/components/Music/Track/index.jsx index 5152704d..e185eb4b 100755 --- a/packages/app/src/components/Music/Track/index.jsx +++ b/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) } diff --git a/packages/app/src/contexts/MusicReleaseEditor/index.js b/packages/app/src/contexts/MusicReleaseEditor/index.js index 75046ce7..9b327be7 100644 --- a/packages/app/src/contexts/MusicReleaseEditor/index.js +++ b/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 \ No newline at end of file +export default ReleaseEditorStateContext