From d6455f1c9e57934b76ce95b3fb204072300a1991 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 23:22:50 +0200
Subject: Add level-back buttons

---
 .../sidebars/topology/rack/BackToRoomComponent.js  |  9 ++++++++
 .../sidebars/topology/rack/RackSidebarComponent.js | 24 +++++++++++++---------
 2 files changed, 23 insertions(+), 10 deletions(-)
 create mode 100644 src/components/sidebars/topology/rack/BackToRoomComponent.js

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

diff --git a/src/components/sidebars/topology/rack/BackToRoomComponent.js b/src/components/sidebars/topology/rack/BackToRoomComponent.js
new file mode 100644
index 00000000..9bb719a3
--- /dev/null
+++ b/src/components/sidebars/topology/rack/BackToRoomComponent.js
@@ -0,0 +1,9 @@
+import React from "react";
+
+const BackToRoomComponent = ({onClick}) => (
+    <div className="btn btn-secondary btn-block" onClick={onClick}>
+        Back to room
+    </div>
+);
+
+export default BackToRoomComponent;
diff --git a/src/components/sidebars/topology/rack/RackSidebarComponent.js b/src/components/sidebars/topology/rack/RackSidebarComponent.js
index bfcc7e32..398b3c13 100644
--- a/src/components/sidebars/topology/rack/RackSidebarComponent.js
+++ b/src/components/sidebars/topology/rack/RackSidebarComponent.js
@@ -1,6 +1,7 @@
 import React from "react";
 import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
 import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
+import BackToRoomContainer from "../../../../containers/sidebars/topology/rack/BackToRoomContainer";
 import DeleteRackContainer from "../../../../containers/sidebars/topology/rack/DeleteRackContainer";
 import MachineListContainer from "../../../../containers/sidebars/topology/rack/MachineListContainer";
 import RackNameContainer from "../../../../containers/sidebars/topology/rack/RackNameContainer";
@@ -9,16 +10,19 @@ import "./RackSidebarComponent.css";
 const RackSidebarComponent = ({inSimulation, rackId}) => {
     return (
         <div className="rack-sidebar-container flex-column">
-            <RackNameContainer/>
-            {inSimulation ?
-                <div>
-                    <LoadBarContainer objectType="rack" objectId={rackId}/>
-                    <LoadChartContainer objectType="rack" objectId={rackId}/>
-                </div> :
-                <div>
-                    <DeleteRackContainer/>
-                </div>
-            }
+            <div style={{flex: 0}}>
+                <RackNameContainer/>
+                <BackToRoomContainer/>
+                {inSimulation ?
+                    <div>
+                        <LoadBarContainer objectType="rack" objectId={rackId}/>
+                        <LoadChartContainer objectType="rack" objectId={rackId}/>
+                    </div> :
+                    <div>
+                        <DeleteRackContainer/>
+                    </div>
+                }
+            </div>
             <div className="machine-list-container mt-2">
                 <MachineListContainer/>
             </div>
-- 
cgit v1.2.3