React JS Internship

// Week 7: server state separate from UI state
export function OrderTable({ status }: { status: Status }) {
  const [page, setPage] = useState(1);
  const { data, isPending, error } = useOrders({ page, status });

  if (error)     return <ErrorState onRetry={refetch} />;
  if (isPending) return <TableSkeleton rows={8} />;
  if (!data.length) return <EmptyState label="No orders yet" />;

  return (
    <Table
      rows={data}
      onPage={setPage}
      renderRow={(o) => <OrderRow key={o.id} order={o} />}
    />
  );
}