update

src/app/api/staff/actions.ts

@@ -15,14 +15,15 @@ export interface CreateCustomInputs {
   }
 
 export interface CreateStaffInputs {
+    id?: number
     name: string;
     staffId: string;
     companyId: number;
     salaryId: number;
     skillSetId?: number[];
-    joinDate?: string;
+    joinDate?: string | null;
     currentPositionId: number;
-    joinPositionId?: number;
+    joinPositionId?: number | null;
     gradeId: number;
     teamId?: number
     departmentId?: number;
@@ -32,9 +33,10 @@ export interface CreateStaffInputs {
     emergContactName?: string;
     emergContactPhone?: string;
     employType: string;
-    departDate?: string;
+    departDate?: string | null;
     departReason?: string;
     remark?: string;
+    salaryEffectiveInfo?: any;
   }
   
   export interface records {

src/components/EditStaff/EditStaff.tsx

@@ -48,8 +48,7 @@ interface formProps {
 
 
 const EditStaff: React.FC<formProps> = ({ Staff, combos, SalaryEffectiveInfo }) => {
-  console.log(combos.salary)
-  console.log(SalaryEffectiveInfo)
+  console.log(Staff)
   const defaultSkillset = Staff.skillset.map((s: any) => s.skill.id)
   const { t } = useTranslation();
   const searchParams = useSearchParams()
@@ -73,7 +72,7 @@ const EditStaff: React.FC<formProps> = ({ Staff, combos, SalaryEffectiveInfo })
       emergContactName: Staff.emergContactName,
       emergContactPhone: Staff.emergContactPhone,
       joinDate: dayjs(Staff.joinDate).toString() || "",
-      joinPositionId: Staff.joinPosition?.id,
+      joinPositionId: Staff.joinPosition?.id || null,
       departDate: dayjs(Staff.departDate).toString() || "",
       departReason: Staff.departReason,
       remark: Staff.remark,
@@ -152,15 +151,23 @@ const EditStaff: React.FC<formProps> = ({ Staff, combos, SalaryEffectiveInfo })
           return
         }
         console.log("passed")
-        const postData = {
+        const postData: CreateStaffInputs = {
           id: id,
           ...data,
           salaryEffectiveInfo: SalaryEffectiveInfo.map(item => ({
             id: item.id,
             salaryPoint: item.salaryPoint,
-            date: dayjs(item.date).format('YYYY-MM-DD')
+            date: dayjs(item.date).format('YYYY-MM-DD').toString()
           }))
         }
+        // remove useless data
+        if (postData.joinDate === 'Invalid Date') 
+          postData.joinDate = null
+        if (postData.departDate === 'Invalid Date') 
+          postData.departDate = null
+        if (!postData.joinPositionId) 
+          postData.joinPositionId = null
+
         console.log(postData)
         await saveStaff(postData)
         router.replace("/settings/staff")

src/components/EditStaff/StaffInfo.tsx

@@ -466,7 +466,7 @@ const StaffInfo: React.FC<Props> = ({ combos }) => {
                     textField: {
                       // required: true,
                       error:
-                        joinDate === "Invalid Date",
+                        joinDate === "Invalid Date" || !joinDate,
                       // value: errors.joinDate?.message,
                     },
                   }}