import { connect } from 'react-redux'
import { goToTick } from '../../../actions/simulation/tick'
import TimelineControlsComponent from '../../../components/app/timeline/TimelineControlsComponent'

const mapStateToProps = state => {
    let sectionTicks = []
    if (state.currentExperimentId !== -1) {
        const sectionIds =
            state.objects.path[
                state.objects.experiment[state.currentExperimentId].pathId
                ].sectionIds
        if (sectionIds) {
            sectionTicks = sectionIds
                .filter(sectionId => state.objects.section[sectionId].startTick !== 0)
                .map(sectionId => state.objects.section[sectionId].startTick)
        }
    }

    return {
        currentTick: state.currentTick,
        lastSimulatedTick: state.lastSimulatedTick,
        sectionTicks,
    }
}

const mapDispatchToProps = dispatch => {
    return {
        goToTick: tick => dispatch(goToTick(tick)),
    }
}

const TimelineControlsContainer = connect(mapStateToProps, mapDispatchToProps)(
    TimelineControlsComponent,
)

export default TimelineControlsContainer