diff options
Diffstat (limited to 'src/components/sidebars/topology')
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> |