260322:1648 Correct Coresspondence / Doing RFA / Correct CI

frontend/app/(dashboard)/transmittals/[uuid]/page.tsx

@@ -1,37 +1,34 @@
-"use client";
+'use client';
 
-import { useParams } from "next/navigation";
-import { useQuery } from "@tanstack/react-query";
-import { transmittalService } from "@/lib/services/transmittal.service";
-import { Transmittal } from "@/types/transmittal";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
-import { ArrowLeft, RefreshCw, Printer } from "lucide-react";
-import Link from "next/link";
-import { format } from "date-fns";
-import { toast } from "sonner";
+import { useParams } from 'next/navigation';
+import { useQuery } from '@tanstack/react-query';
+import { transmittalService } from '@/lib/services/transmittal.service';
+import { Transmittal } from '@/types/transmittal';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { ArrowLeft, RefreshCw, Printer } from 'lucide-react';
+import Link from 'next/link';
+import { format } from 'date-fns';
+import { toast } from 'sonner';
 
 export default function TransmittalDetailPage() {
   const params = useParams();
   const uuid = params.uuid as string;
 
-  const { data: transmittal, isLoading, error } = useQuery<Transmittal>({
-    queryKey: ["transmittal", uuid],
+  const {
+    data: transmittal,
+    isLoading,
+    error,
+  } = useQuery<Transmittal>({
+    queryKey: ['transmittal', uuid],
     queryFn: () => transmittalService.getByUuid(uuid),
     enabled: !!uuid,
   });
 
   const handlePrint = () => {
-    toast.info("PDF Export is coming soon...");
+    toast.info('PDF Export is coming soon...');
     // TODO: Implement PDF download
   };
 
@@ -74,7 +71,7 @@ export default function TransmittalDetailPage() {
               {transmittal.correspondence?.correspondenceNumber || transmittal.transmittalNo}
             </h1>
             <p className="text-muted-foreground">
-              {transmittal.correspondence?.revisions?.find(r => r.isCurrent)?.title || transmittal.subject}
+              {transmittal.correspondence?.revisions?.find((r) => r.isCurrent)?.title || transmittal.subject}
             </p>
           </div>
         </div>
@@ -92,12 +89,12 @@ export default function TransmittalDetailPage() {
         <CardContent className="grid gap-4 md:grid-cols-2">
           <div>
             <p className="text-sm text-muted-foreground">Purpose</p>
-            <Badge variant="outline">{transmittal.purpose || "OTHER"}</Badge>
+            <Badge variant="outline">{transmittal.purpose || 'OTHER'}</Badge>
           </div>
           <div>
             <p className="text-sm text-muted-foreground">Date</p>
             <p className="font-medium">
-              {format(new Date(transmittal.correspondence?.createdAt || transmittal.createdAt), "dd MMM yyyy")}
+              {format(new Date(transmittal.correspondence?.createdAt || transmittal.createdAt), 'dd MMM yyyy')}
             </p>
           </div>
           <div>
@@ -116,9 +113,7 @@ export default function TransmittalDetailPage() {
           {transmittal.remarks && (
             <div className="col-span-2">
               <p className="text-sm text-muted-foreground">Remarks</p>
-              <p className="font-medium whitespace-pre-wrap">
-                {transmittal.remarks}
-              </p>
+              <p className="font-medium whitespace-pre-wrap">{transmittal.remarks}</p>
             </div>
           )}
         </CardContent>
@@ -144,10 +139,8 @@ export default function TransmittalDetailPage() {
                   <TableCell>
                     <Badge variant="secondary">{item.itemType}</Badge>
                   </TableCell>
-                  <TableCell className="font-medium">
-                    {item.documentNumber || `ID: ${item.itemId}`}
-                  </TableCell>
-                  <TableCell>{item.description || "-"}</TableCell>
+                  <TableCell className="font-medium">{item.documentNumber || `ID: ${item.itemId}`}</TableCell>
+                  <TableCell>{item.description || '-'}</TableCell>
                 </TableRow>
               ))}
               {(!transmittal.items || transmittal.items.length === 0) && (

frontend/app/(dashboard)/transmittals/new/page.tsx

@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import { Button } from "@/components/ui/button";
-import { ArrowLeft } from "lucide-react";
-import Link from "next/link";
-import { TransmittalForm } from "@/components/transmittal/transmittal-form";
+import { Button } from '@/components/ui/button';
+import { ArrowLeft } from 'lucide-react';
+import Link from 'next/link';
+import { TransmittalForm } from '@/components/transmittal/transmittal-form';
 
 // Force dynamic rendering to prevent build-time prerendering issues
 export const dynamic = 'force-dynamic';
@@ -23,9 +23,7 @@ export default function CreateTransmittalPage() {
         </Link>
         <div>
           <h1 className="text-2xl font-bold">Create Transmittal</h1>
-          <p className="text-muted-foreground">
-            Prepare a new document transmittal slip
-          </p>
+          <p className="text-muted-foreground">Prepare a new document transmittal slip</p>
         </div>
       </div>
 

frontend/app/(dashboard)/transmittals/page.tsx

@@ -1,39 +1,28 @@
-"use client";
+'use client';
 
-import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { TransmittalList } from "@/components/transmittal/transmittal-list";
-import { transmittalService } from "@/lib/services/transmittal.service";
-import { projectService } from "@/lib/services/project.service";
-import { Button } from "@/components/ui/button";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Plus, RefreshCw } from "lucide-react";
-import Link from "next/link";
-import { TransmittalListResponse } from "@/types/transmittal";
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { TransmittalList } from '@/components/transmittal/transmittal-list';
+import { transmittalService } from '@/lib/services/transmittal.service';
+import { projectService } from '@/lib/services/project.service';
+import { Button } from '@/components/ui/button';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Plus, RefreshCw } from 'lucide-react';
+import Link from 'next/link';
+import { TransmittalListResponse } from '@/types/transmittal';
 
 export default function TransmittalPage() {
   // ADR-019: Dynamic project selection via UUID
-  const [selectedProjectUuid, setSelectedProjectUuid] = useState<string>("");
+  const [selectedProjectUuid, setSelectedProjectUuid] = useState<string>('');
 
   const { data: projectsData } = useQuery({
-    queryKey: ["projects-for-transmittals"],
+    queryKey: ['projects-for-transmittals'],
     queryFn: () => projectService.getAll(),
   });
   const projects = projectsData?.data || projectsData || [];
 
-  const {
-    data,
-    isLoading,
-    error,
-    refetch,
-  } = useQuery<TransmittalListResponse>({
-    queryKey: ["transmittals", selectedProjectUuid],
+  const { data, isLoading, error, refetch } = useQuery<TransmittalListResponse>({
+    queryKey: ['transmittals', selectedProjectUuid],
     queryFn: () => transmittalService.getAll({ projectId: selectedProjectUuid }),
     enabled: !!selectedProjectUuid,
   });
@@ -43,19 +32,11 @@ export default function TransmittalPage() {
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-2xl font-bold">Transmittals</h1>
-          <p className="text-muted-foreground">
-            Manage document transmittal slips
-          </p>
+          <p className="text-muted-foreground">Manage document transmittal slips</p>
         </div>
         <div className="flex gap-2">
-          <Button
-            variant="outline"
-            size="icon"
-            onClick={() => refetch()}
-            disabled={isLoading}
-            title="Refresh"
-          >
-            <RefreshCw className={`h-4 w-4 ${isLoading ? "animate-spin" : ""}`} />
+          <Button variant="outline" size="icon" onClick={() => refetch()} disabled={isLoading} title="Refresh">
+            <RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />
           </Button>
           <Link href="/transmittals/new">
             <Button>
@@ -74,19 +55,19 @@ export default function TransmittalPage() {
             <SelectValue placeholder="Select a project" />
           </SelectTrigger>
           <SelectContent>
-            {(Array.isArray(projects) ? projects : []).map((p: { uuid: string; projectName?: string; projectCode?: string }) => (
-              <SelectItem key={p.uuid} value={p.uuid}>
-                {p.projectName || p.projectCode}
-              </SelectItem>
-            ))}
+            {(Array.isArray(projects) ? projects : []).map(
+              (p: { uuid: string; projectName?: string; projectCode?: string }) => (
+                <SelectItem key={p.uuid} value={p.uuid}>
+                  {p.projectName || p.projectCode}
+                </SelectItem>
+              )
+            )}
           </SelectContent>
         </Select>
       </div>
 
       {error && (
-        <div className="bg-destructive/10 text-destructive px-4 py-3 rounded-md">
-          Failed to load transmittals.
-        </div>
+        <div className="bg-destructive/10 text-destructive px-4 py-3 rounded-md">Failed to load transmittals.</div>
       )}
 
       {isLoading ? (