added machine actions

app/src/components/ui/simulation/simulationPlayer.tsx

@@ -38,10 +38,18 @@ 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);
-    setSpeed(1);
+    setReset(true);
+    // setSpeed(1);
   };
   const handlePlayStop = () => {
     setIsPaused(!isPaused);
@@ -271,11 +279,10 @@ const SimulationPlayer: React.FC = () => {
                         </div>
                         {index < intervals.length - 1 && (
                           <div
-                            className={`line ${
-                              progress >= ((index + 1) / totalSegments) * 100
-                                ? "filled"
-                                : ""
-                            }`}
+                            className={`line ${progress >= ((index + 1) / totalSegments) * 100
+                              ? "filled"
+                              : ""
+                              }`}
                           ></div>
                         )}
                       </React.Fragment>
@@ -314,9 +321,8 @@ const SimulationPlayer: React.FC = () => {
                 <div className="custom-slider-wrapper">
                   <div className="custom-slider">
                     <button
-                      className={`slider-handle ${
-                        isDragging ? "dragging" : ""
-                      }`}
+                      className={`slider-handle ${isDragging ? "dragging" : ""
+                        }`}
                       style={{ left: `${calculateHandlePosition()}%` }}
                       onMouseDown={handleMouseDown}
                     >