diff --git a/app/src/components/ui/simulation/simulationPlayer.tsx b/app/src/components/ui/simulation/simulationPlayer.tsx index 2d9d4e3..9787d00 100644 --- a/app/src/components/ui/simulation/simulationPlayer.tsx +++ b/app/src/components/ui/simulation/simulationPlayer.tsx @@ -38,9 +38,17 @@ const SimulationPlayer: React.FC = () => { const { isReset, setReset } = useResetButtonStore(); const { subModule } = useSubModuleStore(); + useEffect(() => { + if (isReset) { + setTimeout(()=>{ + setReset(false); + },0) + } + }, [isReset]) + // Button functions const handleReset = () => { - setReset(!isReset); + setReset(true); setSpeed(1); }; const handlePlayStop = () => { @@ -271,11 +279,10 @@ const SimulationPlayer: React.FC = () => { {index < intervals.length - 1 && (
= ((index + 1) / totalSegments) * 100 + className={`line ${progress >= ((index + 1) / totalSegments) * 100 ? "filled" : "" - }`} + }`} >
)} @@ -314,9 +321,8 @@ const SimulationPlayer: React.FC = () => {