fix: แก้ bug form แก้คำ

Author: wanasart

client/my-app/src/app/components/Cameras/CameraTable.tsx

@@ -371,8 +371,8 @@ export default function CameraTable({
                       <Eye className="h-4 w-4" />
                     </IconAction>
 
-                    {/* Edit (เปิด modal เดิม) */}
-                    <IconAction label="Edit" variant="primary" onClick={goEdit}>
+                    {/* Setting (เปิด modal เดิม) */}
+                    <IconAction label="Settings" variant="primary" onClick={goEdit}>
                       <Pencil className="h-4 w-4" />
                     </IconAction>
 

client/my-app/src/app/components/Forms/CreateCameraForm.tsx

@@ -326,7 +326,7 @@ export default function
                   Location
                 </Label>
 
-                <Select name="location_id" defaultValue="">
+                <Select name="location_id" defaultValue="1">
                   <SelectTrigger
                     id="location_id"
                     className="w-full rounded-md border border-gray-300 bg-white text-sm text-black focus:ring-[var(--color-primary)] focus:border-[var(--color-primary)] px-3 py-2"

client/my-app/src/app/components/Forms/EditCameraForm.tsx

@@ -68,6 +68,7 @@ export default function EditCameraModal({ camId, open, setOpen }: Props) {
   const [locations, setLocations] = useState<ApiLocation[]>([]);
   const [loadingLocations, setLoadingLocations] = useState(false);
   const [locationsError, setLocationsError] = useState<string>("");
+  const [currentCamera, setCurrentCamera] = useState<EditForm>();
 
   const [loadingCamera, setLoadingCamera] = useState(false);
   const [errMsg, setErrMsg] = useState<string | null>(null);
@@ -103,6 +104,7 @@ export default function EditCameraModal({ camId, open, setOpen }: Props) {
         const arr: any[] = Array.isArray(payload?.data) ? payload.data : [];
         if (!arr.length) throw new Error("Camera not found.");
         const c = arr[0];
+        setCurrentCamera(c);
 
         const next: EditForm = {
           camera_name: c.camera_name ?? "",
@@ -267,7 +269,7 @@ export default function EditCameraModal({ camId, open, setOpen }: Props) {
       <AlertDialogContent className="!top-[40%] !-translate-y-[40%] max-w-2xl">
         <AlertDialogHeader>
           <AlertDialogTitle className="text-[var(--color-primary)]">
-            Settings – {form.camera_name} (#{camCode})
+            Settings – {currentCamera?.camera_name} (#{camCode})
           </AlertDialogTitle>
           <AlertDialogDescription>
             Adjust camera configurations and click Save.

client/my-app/src/app/components/Forms/EditEventForm.tsx

@@ -146,7 +146,7 @@ export default function EditEventForm({
         <form id="editEventForm" onSubmit={onSubmit} className="space-y-4">
           <AlertDialogHeader>
             <AlertDialogTitle className="text-[var(--color-primary)]">
-              Edit Event
+              Edit Event – {item.event_name} (#{`EVT${String(item.event_id).padStart(3, "0")}`})
             </AlertDialogTitle>
             <AlertDialogDescription>
               Update fields and click Save Changes.