260322:1648 Correct Coresspondence / Doing RFA / Correct CI

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

@@ -1,33 +1,20 @@
 // File: app/(dashboard)/projects/new/page.tsx
-"use client";
+'use client';
 
-import { useState } from "react";
-import { useRouter } from "next/navigation";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import * as z from "zod";
-import { Loader2, ChevronLeft, Save } from "lucide-react";
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as z from 'zod';
+import { Loader2, ChevronLeft, Save } from 'lucide-react';
 
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { toast } from "sonner";
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
+import { toast } from 'sonner';
 
 // Force dynamic rendering to prevent build-time prerendering issues
 export const dynamic = 'force-dynamic';
@@ -40,15 +27,12 @@ export const fetchCache = 'force-no-store';
 const projectSchema = z.object({
   projectCode: z
     .string()
-    .min(1, "กรุณาระบุรหัสโครงการ")
-    .max(50, "รหัสโครงการต้องไม่เกิน 50 ตัวอักษร")
-    .regex(/^[A-Z0-9-]+$/, "รหัสโครงการควรประกอบด้วยตัวอักษรภาษาอังกฤษตัวใหญ่ ตัวเลข หรือขีด (-) เท่านั้น"),
-  projectName: z
-    .string()
-    .min(1, "กรุณาระบุชื่อโครงการ")
-    .max(255, "ชื่อโครงการต้องไม่เกิน 255 ตัวอักษร"),
+    .min(1, 'กรุณาระบุรหัสโครงการ')
+    .max(50, 'รหัสโครงการต้องไม่เกิน 50 ตัวอักษร')
+    .regex(/^[A-Z0-9-]+$/, 'รหัสโครงการควรประกอบด้วยตัวอักษรภาษาอังกฤษตัวใหญ่ ตัวเลข หรือขีด (-) เท่านั้น'),
+  projectName: z.string().min(1, 'กรุณาระบุชื่อโครงการ').max(255, 'ชื่อโครงการต้องไม่เกิน 255 ตัวอักษร'),
   description: z.string().optional(),
-  status: z.enum(["Active", "Inactive", "On Hold"]),
+  status: z.enum(['Active', 'Inactive', 'On Hold']),
   startDate: z.string().optional(),
   endDate: z.string().optional(),
 });
@@ -68,14 +52,14 @@ export default function CreateProjectPage() {
   } = useForm<ProjectValues>({
     resolver: zodResolver(projectSchema),
     defaultValues: {
-      projectCode: "",
-      projectName: "",
-      status: "Active",
+      projectCode: '',
+      projectName: '',
+      status: 'Active',
     },
   });
 
   // 3. ฟังก์ชัน Submit
-  async function onSubmit(data: ProjectValues) {
+  async function onSubmit(_data: ProjectValues) {
     setIsLoading(true);
     try {
       // เรียก API สร้างโครงการ (Mockup URL)
@@ -89,7 +73,7 @@ export default function CreateProjectPage() {
       toast.success('สร้างโครงการสำเร็จ');
       router.push('/projects');
       router.refresh();
-    } catch (error) {
+    } catch (_error) {
       toast.error('เกิดข้อผิดพลาดในการสร้างโครงการ');
       // Project creation failed - toast shown
     } finally {
@@ -101,20 +85,13 @@ export default function CreateProjectPage() {
     <div className="max-w-2xl mx-auto space-y-6">
       {/* Header with Back Button */}
       <div className="flex items-center gap-4">
-        <Button
-          variant="outline"
-          size="icon"
-          onClick={() => router.back()}
-          className="h-9 w-9"
-        >
+        <Button variant="outline" size="icon" onClick={() => router.back()} className="h-9 w-9">
           <ChevronLeft className="h-5 w-5" />
           <span className="sr-only">Back</span>
         </Button>
         <div>
           <h2 className="text-2xl font-bold tracking-tight">Create New Project</h2>
-          <p className="text-muted-foreground">
-            สร้างโครงการใหม่เพื่อเริ่มบริหารจัดการสัญญาและเอกสาร
-          </p>
+          <p className="text-muted-foreground">สร้างโครงการใหม่เพื่อเริ่มบริหารจัดการสัญญาและเอกสาร</p>
         </div>
       </div>
 
@@ -122,9 +99,7 @@ export default function CreateProjectPage() {
         <Card>
           <CardHeader>
             <CardTitle>ข้อมูลโครงการ</CardTitle>
-            <CardDescription>
-              กรอกรายละเอียดสำคัญของโครงการ รหัสโครงการควรไม่ซ้ำกับที่มีอยู่
-            </CardDescription>
+            <CardDescription>กรอกรายละเอียดสำคัญของโครงการ รหัสโครงการควรไม่ซ้ำกับที่มีอยู่</CardDescription>
           </CardHeader>
 
           <CardContent className="space-y-4">
@@ -136,19 +111,17 @@ export default function CreateProjectPage() {
               <Input
                 id="project_code"
                 placeholder="e.g. LCBP3-C1"
-                className={errors.projectCode ? "border-destructive" : ""}
-                {...register("projectCode")}
+                className={errors.projectCode ? 'border-destructive' : ''}
+                {...register('projectCode')}
                 onChange={(e) => {
                   e.target.value = e.target.value.toUpperCase();
-                  register("projectCode").onChange(e);
+                  register('projectCode').onChange(e);
                 }}
               />
               {errors.projectCode ? (
                 <p className="text-xs text-destructive">{errors.projectCode.message}</p>
               ) : (
-                <p className="text-xs text-muted-foreground">
-                  ใช้ภาษาอังกฤษตัวพิมพ์ใหญ่ ตัวเลข และขีด (-) เท่านั้น
-                </p>
+                <p className="text-xs text-muted-foreground">ใช้ภาษาอังกฤษตัวพิมพ์ใหญ่ ตัวเลข และขีด (-) เท่านั้น</p>
               )}
             </div>
 
@@ -160,12 +133,10 @@ export default function CreateProjectPage() {
               <Input
                 id="project_name"
                 placeholder="ระบุชื่อโครงการฉบับเต็ม..."
-                className={errors.projectName ? "border-destructive" : ""}
-                {...register("projectName")}
+                className={errors.projectName ? 'border-destructive' : ''}
+                {...register('projectName')}
               />
-              {errors.projectName && (
-                <p className="text-xs text-destructive">{errors.projectName.message}</p>
-              )}
+              {errors.projectName && <p className="text-xs text-destructive">{errors.projectName.message}</p>}
             </div>
 
             {/* Description */}
@@ -175,7 +146,7 @@ export default function CreateProjectPage() {
                 id="description"
                 placeholder="คำอธิบายเกี่ยวกับขอบเขตงานของโครงการ..."
                 className="min-h-[100px]"
-                {...register("description")}
+                {...register('description')}
               />
             </div>
 
@@ -183,19 +154,11 @@ export default function CreateProjectPage() {
             <div className="grid gap-4 md:grid-cols-2">
               <div className="space-y-2">
                 <Label htmlFor="start_date">วันที่เริ่มต้นสัญญา</Label>
-                <Input
-                  id="start_date"
-                  type="date"
-                  {...register("startDate")}
-                />
+                <Input id="start_date" type="date" {...register('startDate')} />
               </div>
               <div className="space-y-2">
                 <Label htmlFor="end_date">วันที่สิ้นสุดสัญญา</Label>
-                <Input
-                  id="end_date"
-                  type="date"
-                  {...register("endDate")}
-                />
+                <Input id="end_date" type="date" {...register('endDate')} />
               </div>
             </div>
 
@@ -222,12 +185,7 @@ export default function CreateProjectPage() {
           </CardContent>
 
           <CardFooter className="flex justify-end gap-2 border-t p-4 bg-muted/50">
-            <Button
-              type="button"
-              variant="ghost"
-              onClick={() => router.back()}
-              disabled={isLoading}
-            >
+            <Button type="button" variant="ghost" onClick={() => router.back()} disabled={isLoading}>
               ยกเลิก
             </Button>
             <Button type="submit" disabled={isLoading}>