import {connect} from 'react-redux';
import {actionFullSetTrack, actionFullPlay, actionFullSetPlaylist , actionAddTrackToQueue} from '../store/playerReducer';
import { actionNowPlaylist, 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, faPlay} from "@fortawesome/free-solid-svg-icons";
import { Link } from 'react-router-dom';
import { Dropdown , Form} from 'react-bootstrap';
export let audio = new Audio();
//! --------
// // const playlists = store.getState().promise?.usersPlaylists?.payload?.playlists;
// const playlistOption = (playlists = null) => {
// // if (playlists) {
// // console.log(playlists)
// return
// // }
// }
//! ------
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}) =>
|
{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}) =>
|
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 || []} ), )(TracksAll);
export const CTrack = connect(state => ({playlist: state.promise.plstById?.payload || {},
tracks: state.promise?.plstById?.payload?.tracks || []} ), )(Track);