260322:1648 Correct Coresspondence / Doing RFA / Correct CI

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 ? (