merged with v2

app/src/modules/simulation/vehicle/instances/instance/vehicleInstance.tsx

@@ -3,12 +3,13 @@ import VehicleAnimator from '../animator/vehicleAnimator';
 import * as THREE from 'three';
 import { NavMeshQuery } from '@recast-navigation/core';
 import { useNavMesh } from '../../../../../store/store';
-import { usePlayButtonStore } from '../../../../../store/usePlayButtonStore';
+import { usePlayButtonStore, useResetButtonStore } from '../../../../../store/usePlayButtonStore';
 import { useVehicleStore } from '../../../../../store/simulation/useVehicleStore';
 
 function VehicleInstance({ agvDetail }: any) {
   const { navMesh } = useNavMesh();
-  const { isPlaying } = usePlayButtonStore();
+  const { isPlaying, setIsPlaying } = usePlayButtonStore();
+  const { isReset } = useResetButtonStore();
   const { vehicles, setVehicleActive, setVehicleState, incrementVehicleLoad } = useVehicleStore();
   const [currentPhase, setCurrentPhase] = useState<string>('stationed');
   const [path, setPath] = useState<[number, number, number][]>([]);
@@ -31,6 +32,13 @@ function VehicleInstance({ agvDetail }: any) {
   function vehicleStatus(modelid: string, status: string) {
     // console.log(`AGV ${modelid}: ${status}`);
   }
+  function reset() {
+    console.log("runs");
+    setVehicleActive(agvDetail.modelUuid, false);
+    setVehicleState(agvDetail.modelUuid, 'idle');
+    setPath([]);
+    setCurrentPhase('stationed')
+  }
 
   useEffect(() => {
     if (isPlaying) {
@@ -50,7 +58,7 @@ function VehicleInstance({ agvDetail }: any) {
         agvDetail.state === 'idle' &&
         currentPhase === 'picking'
       ) {
-        
+
         setTimeout(() => {
           incrementVehicleLoad(agvDetail.modelUuid, 2);
         }, 5000);
@@ -83,7 +91,7 @@ function VehicleInstance({ agvDetail }: any) {
         vehicleStatus(agvDetail.modelUuid, 'Started from dropping point, heading to pickup point');
       }
     }
-  }, [vehicles, currentPhase, path, isPlaying]);
+  }, [vehicles, currentPhase, path, isPlaying, isReset]);
 
   function handleCallBack() {
     if (currentPhase === 'stationed-pickup') {
@@ -115,6 +123,7 @@ function VehicleInstance({ agvDetail }: any) {
         currentPhase={currentPhase}
         agvUuid={agvDetail?.modelUuid}
         agvDetail={agvDetail}
+        reset={reset}
       />
     </>
   );