fix: 194 and 183 plane takss

apps/edr-freight-web/backoffice/src/pages/customers/CustomersPage.tsx

@@ -5,6 +5,7 @@ import {
   Card,
   Group,
   SegmentedControl,
+  Select,
   Stack,
   Text,
   TextInput,
@@ -63,22 +64,35 @@ const VIEW_FILTERS: Record<
   active: { status: "active" },
 };
 
+const SORT_OPTIONS = [
+  { value: "createdAt:DESC", label: "Newest first" },
+  { value: "createdAt:ASC", label: "Oldest first" },
+  { value: "name:ASC", label: "Name (A–Z)" },
+  { value: "name:DESC", label: "Name (Z–A)" },
+] as const;
+
 export default function CustomersPage() {
   const navigate = useNavigate();
   const { pagination, setPagination } = usePagination({ pageSize: 10 });
   const [query, setQuery] = useState("");
   const [debouncedQuery] = useDebouncedValue(query, 300);
   const [view, setView] = useState<CustomerView>("all");
+  const [sort, setSort] = useState<string>("createdAt:DESC");
 
-  const filter = useMemo(
-    () => ({
+  const filter = useMemo(() => {
+    const [sortBy, sortOrder] = sort.split(":") as [
+      "name" | "createdAt" | "updatedAt",
+      "ASC" | "DESC",
+    ];
+    return {
       page: pagination.pageIndex + 1,
       pageSize: pagination.pageSize,
       search: debouncedQuery,
+      sortBy,
+      sortOrder,
       ...VIEW_FILTERS[view],
-    }),
-    [pagination.pageIndex, pagination.pageSize, debouncedQuery, view],
-  );
+    };
+  }, [pagination.pageIndex, pagination.pageSize, debouncedQuery, view, sort]);
 
   const { data: stats } = useQuery(api.customers.stats.queryOptions({ input: {} }));
 
@@ -291,6 +305,20 @@ export default function CustomersPage() {
                   { label: "Active", value: "active" },
                 ]}
               />
+              <Select
+                size="sm"
+                radius="md"
+                w={160}
+                allowDeselect={false}
+                aria-label="Sort customers"
+                value={sort}
+                onChange={(v) => {
+                  if (!v) return;
+                  setSort(v);
+                  setPagination((prev) => ({ ...prev, pageIndex: 0 }));
+                }}
+                data={SORT_OPTIONS.map((o) => ({ ...o }))}
+              />
               <Text size="sm" c="dimmed">
                 {total} record{total !== 1 ? "s" : ""}
               </Text>

apps/edr-freight-web/backoffice/src/types/customer.ts

@@ -188,6 +188,8 @@ export interface CompanyListFilter {
   status?: CompanyStatus;
   /** `true` = submitted applications only; `false` = drafts only; omit for both. */
   onboardingCompleted?: boolean;
+  sortBy?: "name" | "createdAt" | "updatedAt";
+  sortOrder?: "ASC" | "DESC";
 }
 
 /** Standard paginated list envelope (matches the bookings service shape). */