shoc-frontend-new/src/app/(protected)/dashboard/_components/dispatcher-tables-section.tsx

import type { UseQueryResult } from "@tanstack/react-query";
import {
  DISPATCHER_PAGE_SIZE,
  type DispatcherPage,
} from "@/domain/dashboard/types/dashboard-dispatcher-page";
import type { DashboardRangeKey } from "@/domain/dashboard/types/dashboard-range";
import type { DispatcherPerformanceRow } from "@/domain/dashboard/types/dashboard-performance";
import type { DispatcherWorkloadRow } from "@/domain/dashboard/types/dashboard-workload";
import { DispatcherPerformanceCard } from "./dispatcher-performance-card";
import { DispatcherWorkloadCard } from "./dispatcher-workload-card";

interface DispatcherTablesSectionProps {
  range: DashboardRangeKey;
  workload: UseQueryResult<DispatcherPage<DispatcherWorkloadRow>, Error>;
  performance: UseQueryResult<DispatcherPage<DispatcherPerformanceRow>, Error>;
  workloadPage: number;
  performancePage: number;
  onWorkloadPageChange: (page: number) => void;
  onPerformancePageChange: (page: number) => void;
}

/**
 * The two paged dispatcher tables. Kept as a fragment so both cards stay direct
 * children of the dashboard grid, and so the paging view-model derivation lives
 * here rather than inflating the page component.
 */
export function DispatcherTablesSection({
  range,
  workload,
  performance,
  workloadPage,
  performancePage,
  onWorkloadPageChange,
  onPerformancePageChange,
}: DispatcherTablesSectionProps) {
  return (
    <>
      <DispatcherWorkloadCard
        rows={workload.data?.items ?? []}
        range={range}
        page={workloadPage}
        pageSize={workload.data?.pageSize ?? DISPATCHER_PAGE_SIZE}
        totalDispatchers={workload.data?.totalDispatchers ?? 0}
        onPageChange={onWorkloadPageChange}
        isLoading={workload.isLoading}
        error={workload.error}
      />
      <DispatcherPerformanceCard
        rows={performance.data?.items ?? []}
        range={range}
        page={performancePage}
        pageSize={performance.data?.pageSize ?? DISPATCHER_PAGE_SIZE}
        totalDispatchers={performance.data?.totalDispatchers ?? 0}
        onPageChange={onPerformancePageChange}
        isLoading={performance.isLoading}
        error={performance.error}
      />
    </>
  );
}