import React from 'react'
import LoadBarContainer from '../../../../../containers/app/sidebars/elements/LoadBarContainer'
import LoadChartContainer from '../../../../../containers/app/sidebars/elements/LoadChartContainer'
import BackToRackContainer from '../../../../../containers/app/sidebars/topology/machine/BackToRackContainer'
import DeleteMachineContainer from '../../../../../containers/app/sidebars/topology/machine/DeleteMachineContainer'
import MachineNameContainer from '../../../../../containers/app/sidebars/topology/machine/MachineNameContainer'
import UnitTabsContainer from '../../../../../containers/app/sidebars/topology/machine/UnitTabsContainer'

const MachineSidebarComponent = ({ inSimulation, machineId }) => {
    return (
        <div>
            <MachineNameContainer/>
            <BackToRackContainer/>
            {inSimulation ? (
                <div>
                    <LoadBarContainer objectType="machine" objectId={machineId}/>
                    <LoadChartContainer objectType="machine" objectId={machineId}/>
                </div>
            ) : (
                <DeleteMachineContainer/>
            )}
            <UnitTabsContainer/>
        </div>
    )
}

export default MachineSidebarComponent