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 = () => {