Display translucent rack info in experiment mode

1 files changed, 4 insertions, 7 deletions

diff --git a/src/components/app/map/groups/RackGroup.js b/src/components/app/map/groups/RackGroup.js
index b31575a6..57062187 100644
--- a/src/components/app/map/groups/RackGroup.js
+++ b/src/components/app/map/groups/RackGroup.js
@@ -16,13 +16,10 @@ const RackGroup = ({tile, inSimulation, rackLoad}) => {
     return (
         <Group>
             <TileObject positionX={tile.positionX} positionY={tile.positionY} color={color}/>
-            {inSimulation ?
-                undefined :
-                <Group>
-                    <RackSpaceFillContainer tileId={tile.id} positionX={tile.positionX} positionY={tile.positionY}/>
-                    <RackEnergyFillContainer tileId={tile.id} positionX={tile.positionX} positionY={tile.positionY}/>
-                </Group>
-            }
+            <Group opacity={inSimulation ? 0.3 : 1}>
+                <RackSpaceFillContainer tileId={tile.id} positionX={tile.positionX} positionY={tile.positionY}/>
+                <RackEnergyFillContainer tileId={tile.id} positionX={tile.positionX} positionY={tile.positionY}/>
+            </Group>
         </Group>
     );
 };