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].rackId]
    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