import { connect } from 'react-redux'
import { pauseSimulation } from '../../../actions/simulation/playback'
import { incrementTick } from '../../../actions/simulation/tick'
import { setCurrentDatacenter } from '../../../actions/topology/building'
import TimelineComponent from '../../../components/app/timeline/TimelineComponent'

const mapStateToProps = state => {
    let sections = []
    if (state.currentExperimentId !== -1) {
        const sectionIds =
            state.objects.path[
                state.objects.experiment[state.currentExperimentId].pathId
                ].sectionIds

        if (sectionIds) {
            sections = sectionIds.map(sectionId => state.objects.section[sectionId])
        }
    }

    return {
        isPlaying: state.isPlaying,
        currentTick: state.currentTick,
        lastSimulatedTick: state.lastSimulatedTick,
        currentDatacenterId: state.currentDatacenterId,
        sections,
    }
}

const mapDispatchToProps = dispatch => {
    return {
        incrementTick: () => dispatch(incrementTick()),
        pauseSimulation: () => dispatch(pauseSimulation()),
        setCurrentDatacenter: id => dispatch(setCurrentDatacenter(id)),
    }
}

const TimelineContainer = connect(mapStateToProps, mapDispatchToProps)(
    TimelineComponent,
)

export default TimelineContainer