fill data API CrewList, FishingTools, TripCost

components/tripInfo/modal/CrewDetailModal.tsx

@@ -6,25 +6,11 @@ import styles from "./style/CrewDetailModal.styles";
 // ---------------------------
 // 🧩 Interface
 // ---------------------------
-interface CrewMember {
-  id: string;
-  maDinhDanh: string;
-  ten: string;
-  chucVu: string;
-  ngaySinh?: string;
-  cccd?: string;
-  soDienThoai?: string;
-  diaChi?: string;
-  ngayVaoLam?: string;
-  trinhDoChuyenMon?: string;
-  bangCap?: string;
-  tinhTrang?: string;
-}
 
 interface CrewDetailModalProps {
   visible: boolean;
   onClose: () => void;
-  crewData: CrewMember | null;
+  crewData: Model.TripCrews | null;
 }
 
 // ---------------------------
@@ -38,20 +24,28 @@ const CrewDetailModal: React.FC<CrewDetailModalProps> = ({
   if (!crewData) return null;
 
   const infoItems = [
-    { label: "Mã định danh", value: crewData.maDinhDanh },
-    { label: "Họ và tên", value: crewData.ten },
-    { label: "Chức vụ", value: crewData.chucVu },
-    { label: "Ngày sinh", value: crewData.ngaySinh || "Chưa cập nhật" },
-    { label: "CCCD/CMND", value: crewData.cccd || "Chưa cập nhật" },
-    { label: "Số điện thoại", value: crewData.soDienThoai || "Chưa cập nhật" },
-    { label: "Địa chỉ", value: crewData.diaChi || "Chưa cập nhật" },
-    { label: "Ngày vào làm", value: crewData.ngayVaoLam || "Chưa cập nhật" },
+    { label: "Mã định danh", value: crewData.Person.personal_id },
+    { label: "Họ và tên", value: crewData.Person.name },
+    { label: "Chức vụ", value: crewData.role },
     {
-      label: "Trình độ chuyên môn",
-      value: crewData.trinhDoChuyenMon || "Chưa cập nhật",
+      label: "Ngày sinh",
+      value: crewData.Person.birth_date
+        ? new Date(crewData.Person.birth_date).toLocaleDateString()
+        : "Chưa cập nhật",
+    },
+    { label: "Số điện thoại", value: crewData.Person.phone || "Chưa cập nhật" },
+    { label: "Địa chỉ", value: crewData.Person.address || "Chưa cập nhật" },
+    {
+      label: "Ngày vào làm",
+      value: crewData.joined_at
+        ? new Date(crewData.joined_at).toLocaleDateString()
+        : "Chưa cập nhật",
+    },
+    { label: "Ghi chú", value: crewData.note || "Chưa cập nhật" },
+    {
+      label: "Tình trạng",
+      value: crewData.left_at ? "Đã nghỉ" : "Đang làm việc",
     },
-    { label: "Bằng cấp", value: crewData.bangCap || "Chưa cập nhật" },
-    { label: "Tình trạng", value: crewData.tinhTrang || "Đang làm việc" },
   ];
 
   return (