import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import React, {useState, useEffect} from 'react'; import {faVolumeDown, faVolumeUp, faRandom, faStepBackward, faStopCircle, faStepForward, faPlayCircle, faRepeat} from '@fortawesome/free-solid-svg-icons' import { store } from '../store/store'; import {actionPlayerRandom, actionFullPlay, actionFullPause, actionFullSetVolume, actionPrevTrack, actionNextTrack, actionSetRepeat, actionSetRandom} from '../store/playerReducer'; import {Provider, connect} from 'react-redux'; import { audio } from './Tracks'; import img_album from '../images/default_album.gif'; import {Nav, Tab, Tabs} from "react-bootstrap"; function msToTime(duration) { let hours,minutes,seconds; hours = Math.floor(duration / 3600); minutes = Math.floor((duration - 3600 * hours) / 60); seconds = Math.floor((duration - 3600 * hours - 60 * minutes) % 60); hours = (hours < 10) ? "0" + hours : hours; minutes = (minutes < 10) ? "0" + minutes : minutes; seconds = (seconds < 10) ? "0" + seconds : seconds; return minutes + ":" + seconds; } export let NowPlayingPlayer = (props) => { const [volume, setVolume] = useState(20); const [newCurrent, setNewCurrent] = useState(0) useEffect(() => { if (props.currentTime) audio.currentTime = newCurrent }, [newCurrent]); let album_photo = (props.track?.album?.photo) ? `http://player-api/storage/albums/${props.track?.album?.photo}` : img_album const [key, setKey] = useState('home'); return(