opendc-web/opendc-web-ui/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

import React from 'react'
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 { sidebarContainer, sidebarHeaderContainer, machineListContainer } from './RackSidebarComponent.module.scss'
import AddPrefabContainer from '../../../../../containers/app/sidebars/topology/rack/AddPrefabContainer'

const RackSidebarComponent = () => {
    return (
        <div className={`${sidebarContainer} flex-column`}>
            <div className={sidebarHeaderContainer}>
                <RackNameContainer />
                <BackToRoomContainer />
                <AddPrefabContainer />
                <DeleteRackContainer />
            </div>
            <div className={`${machineListContainer} mt-2`}>
                <MachineListContainer />
            </div>
        </div>
    )
}

export default RackSidebarComponent