import React from "react";
import BuildingSidebarContainer from "../../../../containers/app/sidebars/topology/building/BuildingSidebarContainer";
import MachineSidebarContainer from "../../../../containers/app/sidebars/topology/machine/MachineSidebarContainer";
import RackSidebarContainer from "../../../../containers/app/sidebars/topology/rack/RackSidebarContainer";
import RoomSidebarContainer from "../../../../containers/app/sidebars/topology/room/RoomSidebarContainer";
import Sidebar from "../Sidebar";

const TopologySidebarComponent = ({interactionLevel}) => {
    let sidebarContent;

    switch (interactionLevel.mode) {
        case "BUILDING":
            sidebarContent = <BuildingSidebarContainer/>;
            break;
        case "ROOM":
            sidebarContent = <RoomSidebarContainer/>;
            break;
        case "RACK":
            sidebarContent = <RackSidebarContainer/>;
            break;
        case "MACHINE":
            sidebarContent = <MachineSidebarContainer/>;
            break;
        default:
            sidebarContent = "Missing Content";
    }

    return (
        <Sidebar isRight={true}>
            {sidebarContent}
        </Sidebar>
    );
};

export default TopologySidebarComponent;