import {connect} from 'react-redux';
import {actionFullSetTrack, actionFullPlay, actionFullSetPlaylist , actionAddTrackToQueue} from '../store/playerReducer';
import {actionPlaylistById, actionArtistById} from '../store/promiseReducer';
import { store } from '../store/store';
import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';
import { sendForm } from './SendForm';
import React, {useState} from 'react';
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faCheck, faPause, faPlay} from "@fortawesome/free-solid-svg-icons";
import { Link } from 'react-router-dom';
import { Dropdown , Form} from 'react-bootstrap';
import { RunToast } from './Toast';
export let audio = new Audio();
const PlaylistOption = () => {
const playlists = store.getState().promise?.usersPlaylists?.payload?.playlists;
if (playlists) {
console.log(playlists);
return (playlists.map((playlistone, i) => ))
}
}
const ButtonDeleteTrack = (track) => {
const [deletePllstModal, setDeletePllstModal] = useState(false);
return (
<>
{console.log(track); setDeletePllstModal(true)}}>Delete
setDeletePllstModal(false)}
backdrop="static" keyboard={false} track={track}>
Delete Track?
Are you really want to delete track "{track.track.name}" - {track.track?.id3?.artist}?
>
)
}
const Track = ({track, playlist, isPlaying}) => {
const PostLoadTracks = async(form) =>{
console.log(form.target)
const data = new FormData(form.target);
sendForm('playlists/add-track', data);
RunToast('bg-success','Success', `Track add to playlist`)
}
return(
|
{track.name}
|
store.dispatch(actionArtistById(track.artist_id))}>
{track.id3.artist}
|
{track.id3.getAlbum}
|
{playlist?.user_id === store.getState().auth.user.id ? :
}
{
store.dispatch(actionAddTrackToQueue(track))
}}>Add to Queue
|
)
}
export const TracksAll = ({tracks, playlist, isPlaying}) =>
|
Track name |
Artist |
Album |
Action |
{tracks.map((tracks, i) =>
export const СAllTracks = connect(state => ({playlist: state.promise.plstById?.payload || {},
tracks: state.promise?.plstById?.payload?.tracks || [],
isPlaying: state.player?.isPlaying || false,} ), )(TracksAll);