Add simulation mode framework

Includes object states in the store (by tick), charting, and progress bars.

1 files changed, 12 insertions, 2 deletions

diff --git a/src/components/sidebars/topology/rack/RackSidebarComponent.js b/src/components/sidebars/topology/rack/RackSidebarComponent.js
index 007add6e..bfcc7e32 100644
--- a/src/components/sidebars/topology/rack/RackSidebarComponent.js
+++ b/src/components/sidebars/topology/rack/RackSidebarComponent.js
@@ -1,14 +1,24 @@
 import React from "react";
+import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
+import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
 import DeleteRackContainer from "../../../../containers/sidebars/topology/rack/DeleteRackContainer";
 import MachineListContainer from "../../../../containers/sidebars/topology/rack/MachineListContainer";
 import RackNameContainer from "../../../../containers/sidebars/topology/rack/RackNameContainer";
 import "./RackSidebarComponent.css";
 
-const RackSidebarComponent = () => {
+const RackSidebarComponent = ({inSimulation, rackId}) => {
     return (
         <div className="rack-sidebar-container flex-column">
             <RackNameContainer/>
-            <DeleteRackContainer/>
+            {inSimulation ?
+                <div>
+                    <LoadBarContainer objectType="rack" objectId={rackId}/>
+                    <LoadChartContainer objectType="rack" objectId={rackId}/>
+                </div> :
+                <div>
+                    <DeleteRackContainer/>
+                </div>
+            }
             <div className="machine-list-container mt-2">
                 <MachineListContainer/>
             </div>