import { connect } from "react-redux";
import RackFillBar from "../../../components/app/map/elements/RackFillBar";

const mapStateToProps = (state, ownProps) => {
  let energyConsumptionTotal = 0;
  const rack = state.objects.rack[state.objects.tile[ownProps.tileId].objectId];
  const machineIds = rack.machineIds;
  machineIds.forEach(machineId => {
    if (machineId !== null) {
      const machine = state.objects.machine[machineId];
      machine.cpuIds.forEach(
        id =>
          (energyConsumptionTotal += state.objects.cpu[id].energyConsumptionW)
      );
      machine.gpuIds.forEach(
        id =>
          (energyConsumptionTotal += state.objects.gpu[id].energyConsumptionW)
      );
      machine.memoryIds.forEach(
        id =>
          (energyConsumptionTotal +=
            state.objects.memory[id].energyConsumptionW)
      );
      machine.storageIds.forEach(
        id =>
          (energyConsumptionTotal +=
            state.objects.storage[id].energyConsumptionW)
      );
    }
  });

  return {
    type: "energy",
    fillFraction: Math.min(1, energyConsumptionTotal / rack.powerCapacityW)
  };
};

const RackSpaceFillContainer = connect(mapStateToProps)(RackFillBar);

export default RackSpaceFillContainer;