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;