Add level-back buttons

4 files changed, 34 insertions, 10 deletions

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>
diff --git a/src/components/sidebars/topology/room/BackToBuildingComponent.js b/src/components/sidebars/topology/room/BackToBuildingComponent.js
new file mode 100644
index 00000000..12dc15dd
--- /dev/null
+++ b/src/components/sidebars/topology/room/BackToBuildingComponent.js
@@ -0,0 +1,9 @@
+import React from "react";
+
+const BackToBuildingComponent = ({onClick}) => (
+    <div className="btn btn-secondary btn-block" onClick={onClick}>
+        Back to building
+    </div>
+);
+
+export default BackToBuildingComponent;
diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/sidebars/topology/room/RoomSidebarComponent.js
index 59c5fc8f..04df4372 100644
--- a/src/components/sidebars/topology/room/RoomSidebarComponent.js
+++ b/src/components/sidebars/topology/room/RoomSidebarComponent.js
@@ -1,6 +1,7 @@
 import React from "react";
 import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
 import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
+import BackToBuildingContainer from "../../../../containers/sidebars/topology/room/BackToBuildingContainer";
 import DeleteRoomContainer from "../../../../containers/sidebars/topology/room/DeleteRoomContainer";
 import RackConstructionContainer from "../../../../containers/sidebars/topology/room/RackConstructionContainer";
 import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer";
@@ -15,6 +16,7 @@ const RoomSidebarComponent = ({roomId, roomType, inSimulation}) => {
     return (
         <div>
             <RoomNameContainer/>
+            <BackToBuildingContainer/>
             <RoomTypeContainer/>
             {inSimulation ?
                 <div>