From 19f1e6db285d0bb8a96d2cea9c7f3a543692b81a Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 16:07:12 +0200
Subject: Hide all construction elements in simulation

---
 .../sidebars/topology/rack/EmptySlotComponent.js    | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

(limited to 'src/components/sidebars/topology/rack')

diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/sidebars/topology/rack/EmptySlotComponent.js
index 1ca13b67..380cbf16 100644
--- a/src/components/sidebars/topology/rack/EmptySlotComponent.js
+++ b/src/components/sidebars/topology/rack/EmptySlotComponent.js
@@ -1,15 +1,20 @@
 import React from "react";
 import FontAwesome from "react-fontawesome";
 
-const EmptySlotComponent = ({position, onAdd}) => (
+const EmptySlotComponent = ({position, onAdd, inSimulation}) => (
     <li className="list-group-item d-flex justify-content-between align-items-center">
-            <span className="badge badge-default badge-info mr-1">
-                {position}
-            </span>
-        <button className="btn btn-outline-primary" onClick={onAdd}>
-            <FontAwesome name="plus" className="mr-1"/>
-            Add machine
-        </button>
+        <span className="badge badge-default badge-info mr-1 disabled">
+            {position}
+        </span>
+        {inSimulation ?
+            <span className="badge badge-default badge-success">
+                Empty Slot
+            </span> :
+            <button className="btn btn-outline-primary" onClick={onAdd}>
+                <FontAwesome name="plus" className="mr-1"/>
+                Add machine
+            </button>
+        }
     </li>
 );
 
-- 
cgit v1.2.3