task-d complate

2026-06-15 13:46:33 +07:00
parent 8148850fda
commit 1d2406483e
32 changed files with 4812 additions and 39 deletions
--- a/src/features/crm/enquiries/components/enquiry-columns.tsx
+++ b/src/features/crm/enquiries/components/enquiry-columns.tsx
@@ -0,0 +1,176 @@
+'use client';
+
+import Link from 'next/link';
+import type { Column, ColumnDef } from '@tanstack/react-table';
+import { Badge } from '@/components/ui/badge';
+import { DataTableColumnHeader } from '@/components/ui/table/data-table-column-header';
+import { Icons } from '@/components/icons';
+import type { EnquiryListItem, EnquiryReferenceData } from '../api/types';
+import { EnquiryCellAction } from './enquiry-cell-action';
+import { EnquiryStatusBadge } from './enquiry-status-badge';
+
+export function getEnquiryColumns({
+  referenceData,
+  canUpdate,
+  canDelete
+}: {
+  referenceData: EnquiryReferenceData;
+  canUpdate: boolean;
+  canDelete: boolean;
+}): ColumnDef<EnquiryListItem>[] {
+  const statusMap = new Map(referenceData.statuses.map((item) => [item.id, item]));
+  const productTypeMap = new Map(referenceData.productTypes.map((item) => [item.id, item]));
+  const priorityMap = new Map(referenceData.priorities.map((item) => [item.id, item]));
+  const branchMap = new Map(referenceData.branches.map((item) => [item.id, item]));
+
+  return [
+    {
+      id: 'title',
+      accessorKey: 'title',
+      header: ({ column }: { column: Column<EnquiryListItem, unknown> }) => (
+        <DataTableColumnHeader column={column} title='Enquiry' />
+      ),
+      cell: ({ row }) => (
+        <div className='flex flex-col'>
+          <Link
+            href={`/dashboard/crm/enquiries/${row.original.id}`}
+            className='font-medium hover:underline'
+          >
+            {row.original.title}
+          </Link>
+          <span className='text-muted-foreground text-xs'>
+            {row.original.code} • {row.original.customerName}
+          </span>
+        </div>
+      ),
+      meta: {
+        label: 'Enquiry',
+        placeholder: 'Search enquiries...',
+        variant: 'text' as const,
+        icon: Icons.search
+      },
+      enableColumnFilter: true
+    },
+    {
+      id: 'status',
+      accessorKey: 'status',
+      header: ({ column }: { column: Column<EnquiryListItem, unknown> }) => (
+        <DataTableColumnHeader column={column} title='Status' />
+      ),
+      cell: ({ row }) => {
+        const status = statusMap.get(row.original.status);
+        return <EnquiryStatusBadge code={status?.code} label={status?.label ?? 'Unknown'} />;
+      },
+      meta: {
+        label: 'Status',
+        variant: 'multiSelect' as const,
+        options: referenceData.statuses.map((item) => ({
+          value: item.id,
+          label: item.label
+        }))
+      },
+      enableColumnFilter: true
+    },
+    {
+      id: 'productType',
+      accessorKey: 'productType',
+      header: ({ column }: { column: Column<EnquiryListItem, unknown> }) => (
+        <DataTableColumnHeader column={column} title='Product Type' />
+      ),
+      cell: ({ row }) => (
+        <Badge variant='outline'>
+          {productTypeMap.get(row.original.productType)?.label ?? 'Unknown'}
+        </Badge>
+      ),
+      meta: {
+        label: 'Product Type',
+        variant: 'multiSelect' as const,
+        options: referenceData.productTypes.map((item) => ({
+          value: item.id,
+          label: item.label
+        }))
+      },
+      enableColumnFilter: true
+    },
+    {
+      id: 'priority',
+      accessorKey: 'priority',
+      header: ({ column }: { column: Column<EnquiryListItem, unknown> }) => (
+        <DataTableColumnHeader column={column} title='Priority' />
+      ),
+      cell: ({ row }) => (
+        <Badge variant='secondary'>
+          {priorityMap.get(row.original.priority)?.label ?? 'Unknown'}
+        </Badge>
+      ),
+      meta: {
+        label: 'Priority',
+        variant: 'multiSelect' as const,
+        options: referenceData.priorities.map((item) => ({
+          value: item.id,
+          label: item.label
+        }))
+      },
+      enableColumnFilter: true
+    },
+    {
+      id: 'branch',
+      accessorFn: (row) => row.branchId ?? '',
+      header: ({ column }: { column: Column<EnquiryListItem, unknown> }) => (
+        <DataTableColumnHeader column={column} title='Branch' />
+      ),
+      cell: ({ row }) => (
+        <span>
+          {row.original.branchId
+            ? (branchMap.get(row.original.branchId)?.name ?? 'Unknown')
+            : 'Unassigned'}
+        </span>
+      ),
+      meta: {
+        label: 'Branch',
+        variant: 'multiSelect' as const,
+        options: referenceData.branches.map((item) => ({
+          value: item.id,
+          label: item.name
+        }))
+      },
+      enableColumnFilter: true
+    },
+    {
+      id: 'customer',
+      accessorFn: (row) => row.customerId,
+      header: ({ column }: { column: Column<EnquiryListItem, unknown> }) => (
+        <DataTableColumnHeader column={column} title='Customer' />
+      ),
+      cell: ({ row }) => <span>{row.original.customerName}</span>,
+      meta: {
+        label: 'Customer',
+        variant: 'multiSelect' as const,
+        options: referenceData.customers.map((item) => ({
+          value: item.id,
+          label: item.name
+        }))
+      },
+      enableColumnFilter: true
+    },
+    {
+      id: 'followupCount',
+      accessorKey: 'followupCount',
+      header: ({ column }: { column: Column<EnquiryListItem, unknown> }) => (
+        <DataTableColumnHeader column={column} title='Follow-ups' />
+      ),
+      cell: ({ row }) => <span>{row.original.followupCount}</span>
+    },
+    {
+      id: 'actions',
+      cell: ({ row }) => (
+        <EnquiryCellAction
+          data={row.original}
+          referenceData={referenceData}
+          canUpdate={canUpdate}
+          canDelete={canDelete}
+        />
+      )
+    }
+  ];
+}