init

src/app/dashboard/crm/enquiries/[id]/page.tsx

@@ -0,0 +1,24 @@
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
+import PageContainer from '@/components/layout/page-container';
+import { enquiryByIdOptions } from '@/features/crm/api/queries';
+import { EnquiryDetailPage } from '@/features/crm/components/enquiry-detail';
+import { getQueryClient } from '@/lib/query-client';
+
+type PageProps = { params: Promise<{ id: string }> };
+
+export default async function EnquiryDetailRoute({ params }: PageProps) {
+  const { id } = await params;
+  const queryClient = getQueryClient();
+  void queryClient.prefetchQuery(enquiryByIdOptions(id));
+
+  return (
+    <PageContainer
+      pageTitle='Enquiry Detail'
+      pageDescription='Header summary, customer/contact, requirement summary, timeline, and related quotations'
+    >
+      <HydrationBoundary state={dehydrate(queryClient)}>
+        <EnquiryDetailPage id={id} />
+      </HydrationBoundary>
+    </PageContainer>
+  );
+}

src/app/dashboard/crm/enquiries/page.tsx

@@ -0,0 +1,55 @@
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
+import type { SearchParams } from 'nuqs/server';
+import PageContainer from '@/components/layout/page-container';
+import { crmReferenceQueryOptions, enquiriesQueryOptions } from '@/features/crm/api/queries';
+import { EnquiriesTablePage } from '@/features/crm/components/enquiries-table';
+import { getQueryClient } from '@/lib/query-client';
+import { searchParamsCache } from '@/lib/searchparams';
+
+export const metadata = {
+  title: 'Dashboard: CRM Enquiries'
+};
+
+export default async function EnquiriesRoute({
+  searchParams
+}: {
+  searchParams: Promise<SearchParams>;
+}) {
+  searchParamsCache.parse(await searchParams);
+  const page = searchParamsCache.get('page');
+  const perPage = searchParamsCache.get('perPage');
+  const search = searchParamsCache.get('name');
+  const status = searchParamsCache.get('status');
+  const productType = searchParamsCache.get('productType');
+  const salesman = searchParamsCache.get('salesman');
+  const dateFrom = searchParamsCache.get('dateFrom');
+  const dateTo = searchParamsCache.get('dateTo');
+  const sort = searchParamsCache.get('sort');
+  const queryClient = getQueryClient();
+
+  void queryClient.prefetchQuery(crmReferenceQueryOptions());
+  void queryClient.prefetchQuery(
+    enquiriesQueryOptions({
+      page,
+      limit: perPage,
+      ...(search && { search }),
+      ...(status && { status }),
+      ...(productType && { productType }),
+      ...(salesman && { salesman }),
+      ...(dateFrom && { dateFrom }),
+      ...(dateTo && { dateTo }),
+      ...(sort && { sort })
+    })
+  );
+
+  return (
+    <PageContainer
+      pageTitle='Enquiries'
+      pageDescription='List ของ sales opportunity พร้อม filter, date range และ convert to quotation'
+    >
+      <HydrationBoundary state={dehydrate(queryClient)}>
+        <EnquiriesTablePage />
+      </HydrationBoundary>
+    </PageContainer>
+  );
+}