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

refactor(FE): Use memoized IDs and badges for standards

Browse Source
This commit is contained in:
rstubryan
2026-01-15 17:47:03 +07:00
parent 8fe51c976b
commit 7d3a4c1ecc
1 changed files with 75 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/production/recording/form/RecordingForm.tsx
+75 -45
View File
@@ -284,39 +284,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
return () => observer.disconnect();
}, [productionStandardModal.ref]);
const { data: fcr, isLoading: isLoadingFcrStandards } = useSWR(
isFcrModalOpen && initialValues?.project_flock?.fcr?.id
? `fcr-detail-${initialValues.project_flock.fcr.id}`
: null,
() => FcrApi.getSingle(initialValues!.project_flock!.fcr!.id!)
);
useEffect(() => {
if (fcr?.status === 'success') {
setFcrStandards((fcr.data as FcrWithStandards).fcr_standards || []);
}
}, [fcr]);
const { data: productionStandard, isLoading: isLoadingProductionStandards } =
useSWR(
isProductionStandardModalOpen &&
initialValues?.project_flock?.production_standart?.id
? `production-standard-detail-${initialValues.project_flock.production_standart.id}`
: null,
() =>
ProductionStandardApi.getSingle(
initialValues!.project_flock!.production_standart!.id!
)
);
useEffect(() => {
if (productionStandard?.status === 'success') {
setProductionStandards(
productionStandard.data as ProductionStandard | null
);
}
}, [productionStandard]);
const isRecordingApproved = useCallback((recording?: Recording) => {
return (
recording?.approval?.action === 'APPROVED' &&
@@ -465,6 +432,47 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
? projectFlockKandangLookupData.data
: undefined;
const fcrId = useMemo(() => {
if (type === 'add') {
return projectFlockKandangLookup?.project_flock?.fcr?.id;
}
return initialValues?.project_flock?.fcr?.id;
}, [type, projectFlockKandangLookup, initialValues]);
const { data: fcr, isLoading: isLoadingFcrStandards } = useSWR(
isFcrModalOpen && fcrId ? `fcr-detail-${fcrId}` : null,
() => FcrApi.getSingle(fcrId!)
);
useEffect(() => {
if (fcr?.status === 'success') {
setFcrStandards((fcr.data as FcrWithStandards).fcr_standards || []);
}
}, [fcr]);
const productionStandardId = useMemo(() => {
if (type === 'add') {
return projectFlockKandangLookup?.project_flock?.production_standard_id;
}
return initialValues?.project_flock?.production_standart?.id;
}, [type, projectFlockKandangLookup, initialValues]);
const { data: productionStandard, isLoading: isLoadingProductionStandards } =
useSWR(
isProductionStandardModalOpen && productionStandardId
? `production-standard-detail-${productionStandardId}`
: null,
() => ProductionStandardApi.getSingle(productionStandardId!)
);
useEffect(() => {
if (productionStandard?.status === 'success') {
setProductionStandards(
productionStandard.data as ProductionStandard | null
);
}
}, [productionStandard]);
const projectFlockKandangDetailUrl = useMemo(() => {
if (
type === 'add' ||
@@ -1686,23 +1694,45 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
</div>
<div>
<span className='text-sm text-gray-600'>Standard FCR</span>
<p className='font-semibold'>
{projectFlockKandangLookup?.project_flock?.fcr?.name ||
initialValues?.project_flock?.fcr?.name ||
'-'}
</p>
<div className='mt-1'>
<Badge
variant='soft'
color='primary'
className={{
badge:
'cursor-pointer hover:opacity-80 transition-opacity whitespace-nowrap',
}}
onClick={() => fcrStandardModal.openModal()}
>
{projectFlockKandangLookup?.project_flock?.fcr?.name ||
initialValues?.project_flock?.fcr?.name ||
'-'}
</Badge>
</div>
</div>
<div>
<span className='text-sm text-gray-600'>
Standard Produksi
</span>
<p className='font-semibold'>
{projectFlockKandangLookup?.project_flock
?.production_standard_id
? `ID: ${projectFlockKandangLookup.project_flock.production_standard_id}`
: initialValues?.project_flock?.production_standart
?.name || '-'}
</p>
<div className='mt-1'>
<Badge
variant='soft'
color='primary'
className={{
badge:
'cursor-pointer hover:opacity-80 transition-opacity whitespace-nowrap',
}}
onClick={() => productionStandardModal.openModal()}
>
{productionStandards?.name ||
initialValues?.project_flock?.production_standart
?.name ||
(projectFlockKandangLookup?.project_flock
?.production_standard_id
? `Production Standard ${projectFlockKandangLookup.project_flock.production_standard_id}`
: '-')}
</Badge>
</div>
</div>
</div>
)}