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 => (