import play from '../play.svg' import pause from '../pause.svg' import next from '../next.svg' import prev from '../prev.svg' import {connect} from "react-redux"; import {actionTrackPlay, actionTrackStop,actionTrackVolume,actionTrackCurrentTime,actionNextTrack,actionPreviousTrack} from "../reducers"; import {useEffect, useState} from "react"; export const Player = ({player:{token,volume,duration=0,currentTime=0,isPlaying,playlist={},playlistIndex=0}, trackPlay, trackStop,trackVolume,trackCurrentTime,trackNext,trackPrevious}) => { let name = playlist[playlistIndex]?.originalFileName || '' let minutes = Math.floor(duration / 60); let seconds = Math.floor(parseInt((duration % 60) * 100) / 100); let minutesLeft = Math.floor(currentTime / 60); let secondsLeft = Math.floor(parseInt((currentTime % 60) * 100) / 100); return (