diff --git a/app/src/components/ui/simulation/simulationPlayer.tsx b/app/src/components/ui/simulation/simulationPlayer.tsx
index e53e1c8..360d166 100644
--- a/app/src/components/ui/simulation/simulationPlayer.tsx
+++ b/app/src/components/ui/simulation/simulationPlayer.tsx
@@ -40,9 +40,9 @@ const SimulationPlayer: React.FC = () => {
useEffect(() => {
if (isReset) {
- setTimeout(()=>{
+ setTimeout(() => {
setReset(false);
- },0)
+ }, 0)
}
}, [isReset])
@@ -282,11 +282,10 @@ const SimulationPlayer: React.FC = () => {
{index < intervals.length - 1 && (
= ((index + 1) / totalSegments) * 100
+ className={`line ${progress >= ((index + 1) / totalSegments) * 100
? "filled"
: ""
- }`}
+ }`}
>
)}
diff --git a/app/src/modules/simulation/actions/conveyor/actionHandler/useDelayHandler.ts b/app/src/modules/simulation/actions/conveyor/actionHandler/useDelayHandler.ts
index f49a816..6aeb2ef 100644
--- a/app/src/modules/simulation/actions/conveyor/actionHandler/useDelayHandler.ts
+++ b/app/src/modules/simulation/actions/conveyor/actionHandler/useDelayHandler.ts
@@ -1,22 +1,27 @@
import { useCallback, useEffect, useRef } from "react";
import { useFrame } from "@react-three/fiber";
-import { usePlayButtonStore, usePauseButtonStore, useResetButtonStore } from "../../../../../store/usePlayButtonStore";
+import { usePlayButtonStore, usePauseButtonStore, useResetButtonStore, useAnimationPlaySpeed } from "../../../../../store/usePlayButtonStore";
import { useMaterialStore } from "../../../../../store/simulation/useMaterialStore";
interface DelayInstance {
+ initialDelay: number;
delayEndTime: number;
materialId?: string;
action: ConveyorAction;
isPaused: boolean;
remainingTime: number;
+ lastUpdateTime: number;
+ elapsedTime: number;
}
export function useDelayHandler() {
const { isPlaying } = usePlayButtonStore();
const { isPaused } = usePauseButtonStore();
const { isReset } = useResetButtonStore();
+ const { speed } = useAnimationPlaySpeed();
const { setIsPaused } = useMaterialStore();
const activeDelays = useRef