mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-09 10:34:17 +00:00
Added onPlay
prop
This commit is contained in:
parent
0bc7675f9d
commit
d738995054
@ -392,9 +392,7 @@ const PlaylistView = (props) => {
|
|||||||
key={item._id}
|
key={item._id}
|
||||||
order={item._id}
|
order={item._id}
|
||||||
track={item}
|
track={item}
|
||||||
onClickPlayBtn={() =>
|
onPlay={() => handleOnClickTrack(item)}
|
||||||
handleOnClickTrack(item)
|
|
||||||
}
|
|
||||||
changeState={(update) =>
|
changeState={(update) =>
|
||||||
handleTrackChangeState(
|
handleTrackChangeState(
|
||||||
item._id,
|
item._id,
|
||||||
@ -418,7 +416,7 @@ const PlaylistView = (props) => {
|
|||||||
<MusicTrack
|
<MusicTrack
|
||||||
order={index + 1}
|
order={index + 1}
|
||||||
track={item}
|
track={item}
|
||||||
onClickPlayBtn={() =>
|
onPlay={() =>
|
||||||
handleOnClickTrack(item)
|
handleOnClickTrack(item)
|
||||||
}
|
}
|
||||||
changeState={(update) =>
|
changeState={(update) =>
|
||||||
|
@ -52,6 +52,10 @@ const Track = (props) => {
|
|||||||
const isPlaying = isCurrent && playback_status === "playing"
|
const isPlaying = isCurrent && playback_status === "playing"
|
||||||
|
|
||||||
const handleClickPlayBtn = React.useCallback(() => {
|
const handleClickPlayBtn = React.useCallback(() => {
|
||||||
|
if (typeof props.onPlay === "function") {
|
||||||
|
return props.onPlay(props.track)
|
||||||
|
}
|
||||||
|
|
||||||
if (typeof props.onClickPlayBtn === "function") {
|
if (typeof props.onClickPlayBtn === "function") {
|
||||||
props.onClickPlayBtn(props.track)
|
props.onClickPlayBtn(props.track)
|
||||||
}
|
}
|
||||||
|
@ -1,17 +1,19 @@
|
|||||||
import React from "react"
|
import React from "react"
|
||||||
|
|
||||||
export const DefaultReleaseEditorState = {
|
export const DefaultReleaseEditorState = {
|
||||||
cover: null,
|
cover: null,
|
||||||
title: "Untitled",
|
title: "Untitled",
|
||||||
type: "single",
|
type: "single",
|
||||||
public: false,
|
public: false,
|
||||||
|
|
||||||
list: [],
|
items: [],
|
||||||
pendingUploads: [],
|
pendingUploads: [],
|
||||||
|
|
||||||
setCustomPage: () => {},
|
setCustomPage: () => {},
|
||||||
}
|
}
|
||||||
|
|
||||||
export const ReleaseEditorStateContext = React.createContext(DefaultReleaseEditorState)
|
export const ReleaseEditorStateContext = React.createContext(
|
||||||
|
DefaultReleaseEditorState,
|
||||||
|
)
|
||||||
|
|
||||||
export default ReleaseEditorStateContext
|
export default ReleaseEditorStateContext
|
Loading…
x
Reference in New Issue
Block a user