# Conflicts: # src/components/DetailScheduleDetail/DetailInfoCard.tsx # src/components/DetailScheduleDetail/DetailScheudleDetailView.tsxmaster
| @@ -23,11 +23,14 @@ import { SaveDetailSchedule } from "./DetailScheudleDetailView"; | |||||
| // temp interface input | // temp interface input | ||||
| type Props = { | type Props = { | ||||
| recordDetails: any; | |||||
| // recordDetails: SaveDetailSchedule; | |||||
| isEditing: boolean; | isEditing: boolean; | ||||
| }; | }; | ||||
| const DetailInfoCard: React.FC<Props> = ({ recordDetails, isEditing }) => { | |||||
| const DetailInfoCard: React.FC<Props> = ({ | |||||
| // recordDetails, | |||||
| isEditing | |||||
| }) => { | |||||
| const { | const { | ||||
| t, | t, | ||||
| i18n: { language }, | i18n: { language }, | ||||
| @@ -39,12 +42,12 @@ const DetailInfoCard: React.FC<Props> = ({ recordDetails, isEditing }) => { | |||||
| formState: { errors, defaultValues, touchedFields }, | formState: { errors, defaultValues, touchedFields }, | ||||
| } = useFormContext<SaveDetailSchedule>(); | } = useFormContext<SaveDetailSchedule>(); | ||||
| const [details, setDetails] = useState<SaveDetailSchedule | null>(null); | |||||
| const [details, setDetails] = useState<SaveDetailSchedule | undefined>(undefined); | |||||
| useEffect(() => { | useEffect(() => { | ||||
| console.log("[debug] record details", recordDetails); | |||||
| setDetails(recordDetails); | |||||
| }, [recordDetails]); | |||||
| console.log("[debug] record details", defaultValues) | |||||
| setDetails(defaultValues as SaveDetailSchedule); | |||||
| }, [defaultValues]) | |||||
| useEffect(() => { | useEffect(() => { | ||||
| console.log("[debug] isEdit", isEditing); | console.log("[debug] isEdit", isEditing); | ||||
| @@ -50,7 +50,7 @@ type Props = { | |||||
| isEditMode: boolean; | isEditMode: boolean; | ||||
| // type: TypeEnum; | // type: TypeEnum; | ||||
| defaultValues: Partial<SaveDetailSchedule> | undefined; | defaultValues: Partial<SaveDetailSchedule> | undefined; | ||||
| qcChecks: ItemQc[]; | |||||
| // qcChecks: ItemQc[] | |||||
| }; | }; | ||||
| const DetailScheduleDetailView: React.FC<Props> = ({ | const DetailScheduleDetailView: React.FC<Props> = ({ | ||||
| @@ -98,14 +98,12 @@ const DetailScheduleDetailView: React.FC<Props> = ({ | |||||
| }, [isEditMode]); | }, [isEditMode]); | ||||
| // console.log(typeId) | // console.log(typeId) | ||||
| const formProps = useForm<SaveDetailSchedule>({ | const formProps = useForm<SaveDetailSchedule>({ | ||||
| defaultValues: defaultValues | |||||
| ? defaultValues | |||||
| : { | |||||
| id: 1, | |||||
| productionDate: "2025-05-07", | |||||
| totalJobOrders: 13, | |||||
| totalProductionQty: 21000, | |||||
| }, | |||||
| defaultValues: defaultValues ? defaultValues : { | |||||
| id: 1, | |||||
| productionDate: "2025-05-07", | |||||
| totalJobOrders: 13, | |||||
| totalProductionQty: 21000, | |||||
| } as SaveDetailSchedule, | |||||
| }); | }); | ||||
| const errors = formProps.formState.errors; | const errors = formProps.formState.errors; | ||||
| @@ -170,7 +168,7 @@ const DetailScheduleDetailView: React.FC<Props> = ({ | |||||
| {/* </Typography>*/} | {/* </Typography>*/} | ||||
| {/*</Grid>*/} | {/*</Grid>*/} | ||||
| <DetailInfoCard | <DetailInfoCard | ||||
| recordDetails={formProps.formState.defaultValues} | |||||
| // recordDetails={formProps.formState.defaultValues} | |||||
| isEditing={isEdit} | isEditing={isEdit} | ||||
| /> | /> | ||||
| <Stack | <Stack | ||||