summaryrefslogtreecommitdiff
path: root/opendc-web/opendc-web-ui/src/containers/app/map/RackSpaceFillContainer.js
blob: dc5119fd923df64becfae12c28dd2d7fbbec7b7c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import React from 'react'
import { useSelector } from 'react-redux'
import RackFillBar from '../../../components/app/map/elements/RackFillBar'

const RackSpaceFillContainer = (props) => {
    const state = useSelector((state) => {
        const machineIds = state.objects.rack[state.objects.tile[props.tileId].rackId].machineIds
        return {
            type: 'space',
            fillFraction: machineIds.filter((id) => id !== null).length / machineIds.length,
        }
    })
    return <RackFillBar {...props} {...state} />
}

export default RackSpaceFillContainer