diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx b/apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx index e8ebbf870..f704da2ac 100644 --- a/apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx +++ b/apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx @@ -216,6 +216,8 @@ const FleetResourcePage = () => { const base: ColumnDef[] = config.columns.map((col) => ({ id: col.id, header: col.header, + size: col.size || 150, + minSize: col.size ? Math.max(col.size - 20, 80) : 80, meta: { headerClassName, cellClassName }, cell: ({ row }) => formatFleetCell( diff --git a/apps/edr-freight-web/backoffice/src/pages/fleet/config/resources.ts b/apps/edr-freight-web/backoffice/src/pages/fleet/config/resources.ts index b318006c1..a2c97042b 100644 --- a/apps/edr-freight-web/backoffice/src/pages/fleet/config/resources.ts +++ b/apps/edr-freight-web/backoffice/src/pages/fleet/config/resources.ts @@ -29,6 +29,7 @@ export interface FleetResourceColumn { header: string; accessorKey: string; format?: ColumnFormat | "statusBadge"; + size?: number; } export interface FleetFormFieldDef extends FormFieldDef { @@ -400,15 +401,15 @@ export const FLEET_RESOURCES: FleetResourceConfig[] = [ ], searchKeys: ["plateNumber", "registrationNumber", "manufacturer", "model", "vehicleType", "status"], columns: [ - { id: "plateNumber", header: "Plate Number", accessorKey: "plateNumber", format: "code" }, - { id: "registrationNumber", header: "Registration", accessorKey: "registrationNumber" }, - { id: "manufacturer", header: "Manufacturer", accessorKey: "manufacturer" }, - { id: "model", header: "Model", accessorKey: "model" }, - { id: "vehicleType", header: "Type", accessorKey: "vehicleType" }, - { id: "year", header: "Year", accessorKey: "year", format: "number" }, - { id: "fuelType", header: "Fuel Type", accessorKey: "fuelType" }, - { id: "capacity", header: "Capacity (tons)", accessorKey: "capacity", format: "number" }, - { id: "status", header: "Status", accessorKey: "status", format: "statusBadge" }, + { id: "plateNumber", header: "Plate Number", accessorKey: "plateNumber", format: "code", size: 130 }, + { id: "registrationNumber", header: "Registration", accessorKey: "registrationNumber", size: 140 }, + { id: "manufacturer", header: "Manufacturer", accessorKey: "manufacturer", size: 140 }, + { id: "model", header: "Model", accessorKey: "model", size: 120 }, + { id: "vehicleType", header: "Type", accessorKey: "vehicleType", size: 100 }, + { id: "year", header: "Year", accessorKey: "year", format: "number", size: 80 }, + { id: "fuelType", header: "Fuel Type", accessorKey: "fuelType", size: 110 }, + { id: "capacity", header: "Capacity (tons)", accessorKey: "capacity", format: "number", size: 130 }, + { id: "status", header: "Status", accessorKey: "status", format: "statusBadge", size: 100 }, ], formFields: [ { name: "plateNumber", label: "Plate Number", type: "text", required: true }, @@ -456,13 +457,13 @@ export const FLEET_RESOURCES: FleetResourceConfig[] = [ ], searchKeys: ["firstName", "lastName", "email", "phoneNumber", "licenseNumber", "status"], columns: [ - { id: "licenseNumber", header: "License Number", accessorKey: "licenseNumber", format: "code" }, - { id: "firstName", header: "First Name", accessorKey: "firstName" }, - { id: "lastName", header: "Last Name", accessorKey: "lastName" }, - { id: "email", header: "Email", accessorKey: "email" }, - { id: "phoneNumber", header: "Phone", accessorKey: "phoneNumber" }, - { id: "licenseExpiryDate", header: "License Expiry", accessorKey: "licenseExpiryDate" }, - { id: "status", header: "Status", accessorKey: "status", format: "statusBadge" }, + { id: "licenseNumber", header: "License Number", accessorKey: "licenseNumber", format: "code", size: 140 }, + { id: "firstName", header: "First Name", accessorKey: "firstName", size: 120 }, + { id: "lastName", header: "Last Name", accessorKey: "lastName", size: 120 }, + { id: "email", header: "Email", accessorKey: "email", size: 180 }, + { id: "phoneNumber", header: "Phone", accessorKey: "phoneNumber", size: 120 }, + { id: "licenseExpiryDate", header: "License Expiry", accessorKey: "licenseExpiryDate", size: 130 }, + { id: "status", header: "Status", accessorKey: "status", format: "statusBadge", size: 100 }, ], formFields: [ { name: "licenseNumber", label: "License Number", type: "text", required: true },