import React from "react";
import LoadBarContainer from "../../../../../containers/app/sidebars/elements/LoadBarContainer";
import LoadChartContainer from "../../../../../containers/app/sidebars/elements/LoadChartContainer";
import BackToBuildingContainer from "../../../../../containers/app/sidebars/topology/room/BackToBuildingContainer";
import DeleteRoomContainer from "../../../../../containers/app/sidebars/topology/room/DeleteRoomContainer";
import RackConstructionContainer from "../../../../../containers/app/sidebars/topology/room/RackConstructionContainer";
import RoomNameContainer from "../../../../../containers/app/sidebars/topology/room/RoomNameContainer";
import RoomTypeContainer from "../../../../../containers/app/sidebars/topology/room/RoomTypeContainer";

const RoomSidebarComponent = ({ roomId, roomType, inSimulation }) => {
  let allowedObjects;
  if (!inSimulation && roomType === "SERVER") {
    allowedObjects = <RackConstructionContainer />;
  }

  return (
    <div>
      <RoomNameContainer />
      <RoomTypeContainer />
      <BackToBuildingContainer />
      {inSimulation ? (
        <div>
          <LoadBarContainer objectType="room" objectId={roomId} />
          <LoadChartContainer objectType="room" objectId={roomId} />
        </div>
      ) : (
        <div>
          {allowedObjects}
          <DeleteRoomContainer />
        </div>
      )}
    </div>
  );
};

export default RoomSidebarComponent;