import React, {useState, useEffect} from 'react';
import { ReactDOM } from 'react';
import { store } from '../store/store';
import { actionPlaylistById} from '../store/promiseReducer';
import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';
import {Provider, connect} from 'react-redux';
import { actionFullSetTrack, actionFullPlay} from '../store/playerReducer';
import { Header } from './header';
import { СNowPlayingPlayer } from './playing';
function sendForm (url, data) {
fetch(`http://player-api/api/${url}`, {
method: 'POST',
body: data,
headers: {
...(localStorage.authToken ? {"Authorization": "Bearer " + localStorage.authToken} : {})
},
}).then(res => res.json())
.then(data => {
if(data.token) {
console.log(data)
return data
} else {
//console.log(data.login[0]);
}
})
}
function ShowModal (props) {
const [tracks, setTrack] = useState(null);
const PostLoadTracks = async(event) =>{
event.preventDefault();
const data = new FormData();
data.append("id", store.getState().promise.plstById.payload.id);
let i = 0;
for (let track of tracks) {
data.append(`tracks[${i++}]`, track);
}
sendForm('playlists/load-tracks', data);
}
return(
# | Track name | Artist | Album |
---|
Название плейлиста: {playlist.name}
Автор плейлиста: {playlist.user_name}
{playlist?.tracks?.length} треков