- Replace hand-coded skeleton CSS/JSX with boneyard-js auto-generated bones - Remove skeleton.css and @keyframes shimmer from base.css - Add <Skeleton> wrappers with fixtures to all 25+ page components - Generate 20 bone captures via boneyard CLI (CDP auth-gated capture) - Refactor data fetching from useEffect+useState to TanStack Query - Extract query hooks into src/admin/lib/queries/ and apiAdapter - Add usePaginatedQuery hook replacing useApiCall/useListData - Fix parseFloat || 0 anti-pattern in OfferDetail and OffersTemplates inputs - Fix customer_id mandatory validation on offer creation - Fix leave-requests comma-separated status filter (Prisma enum in: []) - Add cross-entity cache invalidation for orders/offers/invoices/projects - Make rate limits configurable via env vars (RATE_LIMIT_MAX, RATE_LIMIT_REFRESH, etc.) - Add boneyard.config.json with routes and breakpoints Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
import { queryOptions } from "@tanstack/react-query";
|
|
import { jsonQuery } from "../apiAdapter";
|
|
|
|
export const tripListOptions = (filters: {
|
|
month?: number;
|
|
year?: number;
|
|
vehicleId?: number;
|
|
userId?: number;
|
|
page?: number;
|
|
perPage?: number;
|
|
}) =>
|
|
queryOptions({
|
|
queryKey: [
|
|
"trips",
|
|
"list",
|
|
{
|
|
month: filters.month,
|
|
year: filters.year,
|
|
vehicleId: filters.vehicleId,
|
|
userId: filters.userId,
|
|
page: filters.page,
|
|
perPage: filters.perPage,
|
|
},
|
|
],
|
|
queryFn: () => {
|
|
const params = new URLSearchParams();
|
|
if (filters.month) params.set("month", String(filters.month));
|
|
if (filters.year) params.set("year", String(filters.year));
|
|
if (filters.vehicleId)
|
|
params.set("vehicle_id", String(filters.vehicleId));
|
|
if (filters.userId) params.set("user_id", String(filters.userId));
|
|
if (filters.page) params.set("page", String(filters.page));
|
|
if (filters.perPage) params.set("per_page", String(filters.perPage));
|
|
const qs = params.toString();
|
|
return jsonQuery<Record<string, unknown>[]>(
|
|
`/api/admin/trips${qs ? `?${qs}` : ""}`,
|
|
);
|
|
},
|
|
});
|
|
|
|
export const tripVehiclesOptions = () =>
|
|
queryOptions({
|
|
queryKey: ["trips", "vehicles"],
|
|
queryFn: () => jsonQuery<Record<string, unknown>[]>("/api/admin/vehicles"),
|
|
staleTime: 2 * 60_000,
|
|
});
|
|
|
|
export const tripUsersOptions = () =>
|
|
queryOptions({
|
|
queryKey: ["trips", "users"],
|
|
queryFn: () =>
|
|
jsonQuery<Record<string, unknown>[]>("/api/admin/trips/users"),
|
|
staleTime: 2 * 60_000,
|
|
});
|
|
|
|
export const tripHistoryOptions = (filters: {
|
|
month?: string;
|
|
vehicleId?: number;
|
|
userId?: number;
|
|
}) =>
|
|
queryOptions({
|
|
queryKey: [
|
|
"trips",
|
|
"history",
|
|
{
|
|
month: filters.month,
|
|
vehicleId: filters.vehicleId,
|
|
userId: filters.userId,
|
|
},
|
|
],
|
|
queryFn: () => {
|
|
const params = new URLSearchParams();
|
|
if (filters.month) params.set("month", filters.month);
|
|
if (filters.vehicleId)
|
|
params.set("vehicle_id", String(filters.vehicleId));
|
|
if (filters.userId) params.set("user_id", String(filters.userId));
|
|
const qs = params.toString();
|
|
return jsonQuery<Record<string, unknown>[]>(
|
|
`/api/admin/trips${qs ? `?${qs}` : ""}`,
|
|
);
|
|
},
|
|
});
|