import React, { useEffect, useState } from "react"; import Header from "./Header"; import useModuleStore, { useSubModuleStore, } from "../../../store/useModuleStore"; import { AnalysisIcon, MechanicsIcon, PropertiesIcon, SimulationIcon, } from "../../icons/SimulationIcons"; import useToggleStore from "../../../store/useUIToggleStore"; import ConveyorMechanics from "./mechanics/ConveyorMechanics"; import Visualization from "./visualization/Visualization"; import Analysis from "./analysis/Analysis"; import Simulations from "./simulation/Simulations"; import { useSelectedActionSphere, useselectedFloorItem, } from "../../../store/store"; import GlobalProperties from "./properties/GlobalProperties"; import AsstePropertiies from "./properties/AssetProperties"; import ZoneProperties from "./properties/ZoneProperties"; import VehicleMechanics from "./mechanics/VehicleMechanics"; import StaticMachineMechanics from "./mechanics/StaticMachineMechanics"; import ArmBotMechanics from "./mechanics/ArmBotMechanics"; const SideBarRight: React.FC = () => { const { activeModule } = useModuleStore(); const { toggleUI } = useToggleStore(); const { selectedActionSphere } = useSelectedActionSphere(); const { subModule, setSubModule } = useSubModuleStore(); const { selectedFloorItem } = useselectedFloorItem(); // Reset activeList whenever activeModule changes useEffect(() => { if (activeModule !== "simulation") setSubModule("properties"); if (activeModule === "simulation") setSubModule("mechanics"); }, [activeModule]); return (
{toggleUI && (
{/* {activeModule === "builder" && ( */}
setSubModule("properties")} >
{/* )} */} {activeModule === "simulation" && ( <>
setSubModule("mechanics")} >
setSubModule("simulations")} >
setSubModule("analysis")} >
)}
)} {/* process builder */} {toggleUI && subModule === "properties" && activeModule !== "visualization" && !selectedFloorItem && (
)} {toggleUI && subModule === "properties" && activeModule !== "visualization" && selectedFloorItem && (
)} {toggleUI && subModule === "zoneProperties" && activeModule === "builder" && (
)} {/* simulation */} {toggleUI && activeModule === "simulation" && ( <> {subModule === "mechanics" && selectedActionSphere && selectedActionSphere.path.type === "Conveyor" && (
)} {subModule === "mechanics" && selectedActionSphere && selectedActionSphere.path.type === "Vehicle" && (
)} {subModule === "mechanics" && selectedActionSphere && selectedActionSphere.path.type === "StaticMachine" && (
)} {subModule === "mechanics" && selectedActionSphere && selectedActionSphere.path.type === "ArmBot" && (
)} {subModule === "mechanics" && !selectedActionSphere && (
{/* default */}
)} {subModule === "analysis" && (
)} {subModule === "simulations" && (
)} )} {/* realtime visualization */} {toggleUI && activeModule === "visualization" && }
); }; export default SideBarRight;