diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx index e8fff9e0e..6bda1bba1 100644 --- a/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx +++ b/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx @@ -54,12 +54,17 @@ export function TrackingPage() { })); }, [vehicles]); - const selectedVehicle = vehiclesWithGPS.find(v => v.id === selectedVehicleId); - const vehicleOptions = useMemo( - () => vehiclesWithGPS.map(v => ({ label: v.registrationNumber, value: v.id })), + const activeVehicles = useMemo( + () => vehiclesWithGPS.filter(v => v.status === 'ACTIVE'), [vehiclesWithGPS] ); + const selectedVehicle = activeVehicles.find(v => v.id === selectedVehicleId); + const vehicleOptions = useMemo( + () => activeVehicles.map(v => ({ label: v.registrationNumber, value: v.id })), + [activeVehicles] + ); + // Map dimensions const mapWidth = 800; const mapHeight = 500; @@ -146,8 +151,8 @@ export function TrackingPage() { ))} - {/* Vehicle markers */} - {vehiclesWithGPS.map((vehicle) => { + {/* Vehicle markers - show only active vehicles */} + {vehiclesWithGPS.filter(v => v.status === 'ACTIVE').map((vehicle) => { const coords = getMapCoords(vehicle.gps.lat, vehicle.gps.lng); const isSelected = vehicle.id === selectedVehicleId; @@ -303,14 +308,14 @@ export function TrackingPage() { )} - {/* All Vehicles List */} + {/* All Active Vehicles List */} - All Vehicles + Active Vehicles ({activeVehicles.length})
- {vehiclesWithGPS.slice(0, 10).map(v => ( + {activeVehicles.slice(0, 10).map(v => (