import {actionCreatePlaylist, actionPlaylistFindByOwner, backURL} from "../actions";
import {connect} from "react-redux";
import {Link} from "react-router-dom";
import {call, select, takeEvery} from "redux-saga/effects";
import {actionPromise, promiseWorker} from "../reducers/promiseReducer";
import {useState} from "react";
import {history} from "../App";
import {store} from "../reducers";
import {CTrack} from "./track";
import {CTrackDropZone} from "./trackdropzone";
const MyTracks = ({playlist:{_id, name, tracks}={}}) =>
{name}
{(tracks || []).map(track => )}
const CMyTracks = connect(state => ({playlist: state.promise.playlistById?.payload || []}))(MyTracks)
export const MyPlaylistTracks = ({match:{params:{_id}}}) =>
<>
>
const Playlist = ({playlist:{_id, name}={}}) =>
{name}
const MyPlaylists = ({playlists={},onCreatePlaylist}) => {
const [p, setP] = useState ('')
return (
)
}
export const CMyPlaylists = connect(state => ({playlists: state.promise.playlistFindByOwner?.payload || []}),{onCreatePlaylist:actionCreatePlaylist})(MyPlaylists)
store.dispatch(actionPlaylistFindByOwner())