update

src/components/EditStaff/SalaryEffectiveModel.tsx

@@ -18,7 +18,6 @@ interface SalaryEffectiveModelProps {
   open: boolean;
   onClose: () => void;
   modalSx?: SxProps;
-  onSave: () => void;
   columns: any[]
 }
 
@@ -69,7 +68,7 @@ const modalSx: SxProps = {
     );
   }
 
-const SalaryEffectiveModel: React.FC<SalaryEffectiveModelProps> = ({ open, onClose, modalSx: mSx, onSave, columns }) => {
+const SalaryEffectiveModel: React.FC<SalaryEffectiveModelProps> = ({ open, onClose, modalSx: mSx, columns }) => {
   const { t } = useTranslation();
   const { control, register, formState, trigger, watch, setValue, getValues } = useFormContext();
   const [rowModesModel, setRowModesModel] = useState<GridRowModesModel>({});

src/components/EditStaff/StaffInfo.tsx

@@ -42,10 +42,10 @@ const StaffInfo: React.FC<Props> = ({ combos }) => {
     register,
     formState: { errors, defaultValues },
     control,
-    reset,
+    // reset,
     resetField,
     setValue,
-    getValues,
+    // getValues,
     watch,
     clearErrors,
   } = useFormContext<CreateStaffInputs & { salaryEffectiveInfo: SalaryEffectiveInfo[] }>();
@@ -62,18 +62,9 @@ const StaffInfo: React.FC<Props> = ({ combos }) => {
 
   // Salary Effiective History edit modal related
   const [salaryEffectiveModelOpen, setSalaaryEffectiveModelOpen] = useState(false);
-  const closeSalaryEffectiveModel = useCallback(() => {
-    setSalaaryEffectiveModelOpen(false);
+  const controlSalaryEffectiveModel = useCallback(() => {
+    setSalaaryEffectiveModelOpen((prev: Boolean) => !prev);
   }, []);
-  const openSalaryEffectiveModel = useCallback(() => {
-    setSalaaryEffectiveModelOpen(true);
-  }, []);
-  const onSalaryEffectiveSave = useCallback(async () => {
-    console.log(getValues()) 
-    setSalaaryEffectiveModelOpen(false);
-  }, []);
-
-
 
   const resetStaff = useCallback(() => {
     console.log(defaultValues);
@@ -338,7 +329,7 @@ const StaffInfo: React.FC<Props> = ({ combos }) => {
                             </MenuItem>
                           ))}
                         </Select>
-                        <Button variant="contained" size="small" onClick={openSalaryEffectiveModel}>
+                        <Button variant="contained" size="small" onClick={controlSalaryEffectiveModel}>
                           {t("Edit")}
                         </Button>
                       </Box>
@@ -565,8 +556,7 @@ const StaffInfo: React.FC<Props> = ({ combos }) => {
       </CardContent>
       <SalaryEffectiveModel
         open={salaryEffectiveModelOpen}
-        onClose={closeSalaryEffectiveModel}
-        onSave={onSalaryEffectiveSave}
+        onClose={controlSalaryEffectiveModel}
         columns={salaryCols}
       />
     </Card>