From faed625c2ae1656dda15794c40615d21f97cf8e5 Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Wed, 23 Apr 2025 13:03:27 +0530
Subject: [PATCH] feat: Update VehicleAnimator and VehicleInstances components
 to enhance path handling and integrate vehicle data

---
 .../vehicle/instances/animator/vehicleAnimator.tsx         | 1 +
 .../simulation/vehicle/instances/vehicleInstances.tsx      | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/src/modules/simulation/vehicle/instances/animator/vehicleAnimator.tsx b/app/src/modules/simulation/vehicle/instances/animator/vehicleAnimator.tsx
index f3a4ed5..cf5fd81 100644
--- a/app/src/modules/simulation/vehicle/instances/animator/vehicleAnimator.tsx
+++ b/app/src/modules/simulation/vehicle/instances/animator/vehicleAnimator.tsx
@@ -21,6 +21,7 @@ function VehicleAnimator({ path, handleCallBack, currentPhase, agvUuid }: Vehicl
         }
 
     }, [currentPhase, path])
+
     useFrame((_, delta) => {
         if (!path || path.length < 2) return;
 
diff --git a/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx b/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx
index 13e15b7..0848883 100644
--- a/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx
+++ b/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx
@@ -1,11 +1,16 @@
 import React from 'react'
 import VehicleInstance from './instance/vehicleInstance'
+import { useVehicleStore } from '../../../../store/simulation/useVehicleStore';
 
 function VehicleInstances() {
+    const { vehicles } = useVehicleStore();
+
     return (
         <>
 
-            <VehicleInstance />
+            {vehicles.map((val: any, i: any) =>
+                <VehicleInstance agvDetails={val} key={i} />
+            )}
 
         </>
     )