update staff

src/components/EditStaff/EditStaff.tsx

@@ -148,6 +148,7 @@ const EditStaff: React.FC = async () => {
                 label: t(`Staff Name`),
                 type: "text",
                 value: data[key] ?? "",
+                required: true,
               };
             case "company":
               return {
@@ -156,6 +157,7 @@ const EditStaff: React.FC = async () => {
                 type: "combo-Obj",
                 options: companyCombo,
                 value: data[key].id ?? "",
+                required: true,
               };
             case "team":
               return {
@@ -172,6 +174,7 @@ const EditStaff: React.FC = async () => {
                 type: "combo-Obj",
                 options: departmentCombo,
                 value: data[key]?.id ?? "",
+                required: true,
                 // later check
               };
             case "grade":
@@ -197,6 +200,7 @@ const EditStaff: React.FC = async () => {
                 type: "combo-Obj",
                 options: positionCombo,
                 value: data[key].id ?? "",
+                required: true,
               };
             case "salary":
               return {
@@ -205,6 +209,7 @@ const EditStaff: React.FC = async () => {
                 type: "combo-Obj",
                 options: salaryCombo,
                 value: data[key] !== null ? data[key].id ?? "" : "",
+                required: true,
               };
             // case "hourlyRate":
             //   return {
@@ -222,6 +227,7 @@ const EditStaff: React.FC = async () => {
                 type: "combo-Obj",
                 options: employTypeCombo,
                 value: data[key] ?? "",
+                required: true,
               };
             case "email":
               return {
@@ -231,6 +237,7 @@ const EditStaff: React.FC = async () => {
                 value: data[key] ?? "",
                 pattern: "^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$",
                 message: t("input matching format"),
+                required: true,
               };
             case "phone1":
               return {
@@ -240,6 +247,7 @@ const EditStaff: React.FC = async () => {
                 // pattern: "^\\d{8}$",
                 message: t("input correct phone no."),
                 value: data[key] ?? "",
+                required: true,
               };
             case "phone2":
               return {
@@ -264,6 +272,7 @@ const EditStaff: React.FC = async () => {
                 label: t(`Emergency Contact Name`),
                 type: "text",
                 value: data[key] ?? "",
+                required: true,
               } as Field;
             case "emergContactPhone":
                 return {
@@ -273,6 +282,7 @@ const EditStaff: React.FC = async () => {
                   // pattern: "^\\d{8}$",
                   message: t("input correct phone no."),
                   value: data[key] ?? "",
+                  required: true,
                 } as Field;
             case "joinDate":
               return {
@@ -280,6 +290,7 @@ const EditStaff: React.FC = async () => {
                 label: t(`Join Date`),
                 type: "multiDate",
                 value: data[key] ?? "",
+                required: true,
               } as Field;
             case "joinPosition":
               return {
@@ -288,6 +299,7 @@ const EditStaff: React.FC = async () => {
                 type: "combo-Obj",
                 options: positionCombo,
                 value: data[key].id ?? "",
+                required: true,
               } as Field;
             case "departDate":
               return {