Display rack space and energy fill on overlay

1 files changed, 4 insertions, 0 deletions

diff --git a/src/components/map/groups/RackGroup.js b/src/components/map/groups/RackGroup.js
index 9583b234..5dd470de 100644
--- a/src/components/map/groups/RackGroup.js
+++ b/src/components/map/groups/RackGroup.js
@@ -1,12 +1,16 @@
 import React from "react";
 import {Group} from "react-konva";
 import {RACK_BACKGROUND_COLOR} from "../../../colors/index";
+import RackEnergyFillContainer from "../../../containers/map/RackEnergyFillContainer";
+import RackSpaceFillContainer from "../../../containers/map/RackSpaceFillContainer";
 import Shapes from "../../../shapes/index";
 import TileObject from "../elements/TileObject";
 
 const RackGroup = ({tile}) => (
     <Group>
         <TileObject positionX={tile.positionX} positionY={tile.positionY} color={RACK_BACKGROUND_COLOR}/>
+        <RackSpaceFillContainer tileId={tile.id} positionX={tile.positionX} positionY={tile.positionY}/>
+        <RackEnergyFillContainer tileId={tile.id} positionX={tile.positionX} positionY={tile.positionY}/>
     </Group>
 );