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 6bda1bba1..8230a7446 100644 --- a/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx +++ b/apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx @@ -54,15 +54,16 @@ export function TrackingPage() { })); }, [vehicles]); - const activeVehicles = useMemo( - () => vehiclesWithGPS.filter(v => v.status === 'ACTIVE'), + // For demo: show all vehicles as trackable (or filter by ACTIVE if status data available) + const trackableVehicles = useMemo( + () => vehiclesWithGPS.slice(0, 10), // Limit to first 10 for demo [vehiclesWithGPS] ); - const selectedVehicle = activeVehicles.find(v => v.id === selectedVehicleId); + const selectedVehicle = trackableVehicles.find(v => v.id === selectedVehicleId); const vehicleOptions = useMemo( - () => activeVehicles.map(v => ({ label: v.registrationNumber, value: v.id })), - [activeVehicles] + () => trackableVehicles.map(v => ({ label: v.registrationNumber, value: v.id })), + [trackableVehicles] ); // Map dimensions @@ -101,7 +102,7 @@ export function TrackingPage() { Map View }> - {vehiclesWithGPS.filter(v => v.status === 'ACTIVE').length} Active + {trackableVehicles.length} Tracked @@ -151,8 +152,8 @@ export function TrackingPage() { ))} - {/* Vehicle markers - show only active vehicles */} - {vehiclesWithGPS.filter(v => v.status === 'ACTIVE').map((vehicle) => { + {/* Vehicle markers */} + {trackableVehicles.map((vehicle) => { const coords = getMapCoords(vehicle.gps.lat, vehicle.gps.lng); const isSelected = vehicle.id === selectedVehicleId; @@ -308,14 +309,14 @@ export function TrackingPage() { )} - {/* All Active Vehicles List */} + {/* Tracked Vehicles List */} - Active Vehicles ({activeVehicles.length}) + Tracked Vehicles ({trackableVehicles.length})
- {activeVehicles.slice(0, 10).map(v => ( + {trackableVehicles.map(v => (