import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
import PageContainer from '@/components/layout/page-container';
import { masterReviewQueryOptions } from '@/features/import-employees/api/queries';
import { MasterReviewPage } from '@/features/import-employees/components/master-review-page';
import { requireHRDDashboardAccess } from '@/lib/auth/page-guards';
import { getQueryClient } from '@/lib/query-client';

export default async function Page() {
  await requireHRDDashboardAccess();

  const queryClient = getQueryClient();
  await queryClient.fetchQuery(masterReviewQueryOptions());

  return (
    <PageContainer
      pageTitle='รอตรวจสอบข้อมูลหลัก'
      pageDescription='อนุมัติหรือไม่อนุมัติบริษัท แผนก และตำแหน่งที่มาจากการนำเข้า'
    >
      <HydrationBoundary state={dehydrate(queryClient)}>
        <MasterReviewPage />
      </HydrationBoundary>
    </PageContainer>
  );
}
