260322:1648 Correct Coresspondence / Doing RFA / Correct CI

frontend/components/transmittal/transmittal-list.tsx

@@ -1,13 +1,13 @@
-"use client";
+'use client';
 
-import { Transmittal } from "@/types/transmittal";
-import { DataTable } from "@/components/common/data-table";
-import { ColumnDef } from "@tanstack/react-table";
-import { Button } from "@/components/ui/button";
-import { Eye } from "lucide-react";
-import Link from "next/link";
-import { format } from "date-fns";
-import { Badge } from "@/components/ui/badge";
+import { Transmittal } from '@/types/transmittal';
+import { DataTable } from '@/components/common/data-table';
+import { ColumnDef } from '@tanstack/react-table';
+import { Button } from '@/components/ui/button';
+import { Eye } from 'lucide-react';
+import Link from 'next/link';
+import { format } from 'date-fns';
+import { Badge } from '@/components/ui/badge';
 
 interface TransmittalListProps {
   data: Transmittal[];
@@ -18,18 +18,18 @@ export function TransmittalList({ data }: TransmittalListProps) {
 
   const columns: ColumnDef<Transmittal>[] = [
     {
-      id: "transmittalNo",
-      header: "Transmittal No.",
+      id: 'transmittalNo',
+      header: 'Transmittal No.',
       cell: ({ row }) => {
         const no = row.original.correspondence?.correspondenceNumber || row.original.transmittalNo || '-';
         return <span className="font-medium">{no}</span>;
       },
     },
     {
-      id: "subject",
-      header: "Subject",
+      id: 'subject',
+      header: 'Subject',
       cell: ({ row }) => {
-        const currentRev = row.original.correspondence?.revisions?.find(r => r.isCurrent);
+        const currentRev = row.original.correspondence?.revisions?.find((r) => r.isCurrent);
         const subject = currentRev?.title || row.original.subject || '-';
         return (
           <div className="max-w-[300px] truncate" title={subject}>
@@ -39,31 +39,29 @@ export function TransmittalList({ data }: TransmittalListProps) {
       },
     },
     {
-      accessorKey: "purpose",
-      header: "Purpose",
-      cell: ({ row }) => (
-        <Badge variant="outline">{row.getValue("purpose") || "OTHER"}</Badge>
-      ),
+      accessorKey: 'purpose',
+      header: 'Purpose',
+      cell: ({ row }) => <Badge variant="outline">{row.getValue('purpose') || 'OTHER'}</Badge>,
     },
     {
-      accessorKey: "items",
-      header: "Items",
+      accessorKey: 'items',
+      header: 'Items',
       cell: ({ row }) => {
         const items = row.original.items || [];
         return <span>{items.length} items</span>;
       },
     },
     {
-      id: "createdAt",
-      header: "Date",
+      id: 'createdAt',
+      header: 'Date',
       cell: ({ row }) => {
         const dateStr = row.original.correspondence?.createdAt || row.original.createdAt;
         if (!dateStr) return '-';
-        return format(new Date(dateStr), "dd MMM yyyy");
+        return format(new Date(dateStr), 'dd MMM yyyy');
       },
     },
     {
-      id: "actions",
+      id: 'actions',
       cell: ({ row }) => {
         const item = row.original;
         return (