src/components/app/sidebars/topology/rack/RackSidebarComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import React from "react";
import LoadBarContainer from "../../../../../containers/app/sidebars/elements/LoadBarContainer";
import LoadChartContainer from "../../../../../containers/app/sidebars/elements/LoadChartContainer";
import BackToRoomContainer from "../../../../../containers/app/sidebars/topology/rack/BackToRoomContainer";
import DeleteRackContainer from "../../../../../containers/app/sidebars/topology/rack/DeleteRackContainer";
import MachineListContainer from "../../../../../containers/app/sidebars/topology/rack/MachineListContainer";
import RackNameContainer from "../../../../../containers/app/sidebars/topology/rack/RackNameContainer";
import "./RackSidebarComponent.css";

const RackSidebarComponent = ({inSimulation, rackId}) => {
    return (
        <div className="rack-sidebar-container flex-column">
            <div className="rack-sidebar-header-container">
                <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>
        </div>
    );
};

export default RackSidebarComponent;