gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 05:22:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE-114,136): improve location and coop field handling in RecordingForm

Browse Source
This commit is contained in:
rstubryan
2025-10-15 17:53:08 +07:00
parent 64a32fd214
commit 8bfce061e6
1 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/flock/recording/form/RecordingForm.tsx
+29 -7
View File
@@ -150,21 +150,42 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
// Handlers
const locationChangeHandler = (val: OptionType | OptionType[] | null) => {
formik.setFieldTouched('location', true);
const locationValue = (val as OptionType)?.value;
formik.setFieldValue('location', val);
formik.setFieldTouched('location_id', true);
formik.setFieldValue('location_id', (val as OptionType)?.value);
// Reset coop selection when location changes
formik.setFieldValue('location_id', locationValue || 0);
// Only set touched if there's a value
if (locationValue) {
formik.setFieldTouched('location', true);
formik.setFieldTouched('location_id', true);
} else {
formik.setFieldTouched('location', false);
formik.setFieldTouched('location_id', false);
}
// Reset coop selection when location changes or is cleared
formik.setFieldValue('coop', null);
formik.setFieldValue('coop_id', 0);
formik.setFieldTouched('coop', false);
formik.setFieldTouched('coop_id', false);
setCoopSelectInputValue('');
};
const coopChangeHandler = (val: OptionType | OptionType[] | null) => {
formik.setFieldTouched('coop', true);
const coopValue = (val as OptionType)?.value;
formik.setFieldValue('coop', val);
formik.setFieldTouched('coop_id', true);
formik.setFieldValue('coop_id', (val as OptionType)?.value);
formik.setFieldValue('coop_id', coopValue || 0);
// Only set touched if there's a value
if (coopValue) {
formik.setFieldTouched('coop', true);
formik.setFieldTouched('coop_id', true);
} else {
formik.setFieldTouched('coop', false);
formik.setFieldTouched('coop_id', false);
}
};
const isRepeaterInputError = <T extends keyof CreateRecordingPayload>(
@@ -423,6 +444,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
/>
<SelectInput
key={`coop-select-${formik.values.location_id || 'no-location'}`}
required
label='Kandang'
value={formik.values.coop ?? undefined}