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;