import { connect } from "react-redux";
import { goFromRoomToRack } from "../../../actions/interaction-level";
import TileGroup from "../../../components/app/map/groups/TileGroup";
import { getStateLoad } from "../../../util/simulation-load";

const mapStateToProps = (state, ownProps) => {
  const tile = state.objects.tile[ownProps.tileId];
  const inSimulation = state.currentExperimentId !== -1;

  let roomLoad = undefined;
  if (inSimulation) {
    if (
      state.states.room[state.currentTick] &&
      state.states.room[state.currentTick][tile.roomId]
    ) {
      roomLoad = getStateLoad(
        state.loadMetric,
        state.states.room[state.currentTick][tile.roomId]
      );
    }
  }

  return {
    interactionLevel: state.interactionLevel,
    tile,
    inSimulation,
    roomLoad
  };
};

const mapDispatchToProps = dispatch => {
  return {
    onClick: tile => {
      if (tile.objectType) {
        dispatch(goFromRoomToRack(tile.id));
      }
    }
  };
};

const TileContainer = connect(mapStateToProps, mapDispatchToProps)(TileGroup);

export default TileContainer;