diff --git a/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx b/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx index 9d79075a7..d43ada55f 100644 --- a/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx +++ b/apps/backoffice/src/app/features/medical-verification/pages/MedicalVerificationPage/index.tsx @@ -198,20 +198,21 @@ export type VerificationKind = 'medical' | 'sea-service'; */ export function MedicalVerificationPage({ kind = 'medical' }: { kind?: VerificationKind }) { const { t } = useTranslation(); + const isMedical = kind === 'medical'; const [filter, setFilter] = useState('SUBMITTED'); const { data: pendingMedical, isLoading: loadingMedical, isFetching: fetchingMedical, refetch: refetchMedical, - } = useGetPendingMedicalQuery(filter); + } = useGetPendingMedicalQuery(filter, { skip: !isMedical }); const { data: pendingSeaService, isLoading: loadingSeaService, isFetching: fetchingSeaService, refetch: refetchSeaService, - } = useGetPendingSeaServiceQuery(filter); + } = useGetPendingSeaServiceQuery(filter, { skip: isMedical }); const [verifyMedical, { isLoading: rulingMedical }] = useVerifyMedicalCertificateMutation(); @@ -372,8 +373,6 @@ export function MedicalVerificationPage({ kind = 'medical' }: { kind?: Verificat [rulingSeaService, rule, verifySeaService, showDate, t], ); - const isMedical = kind === 'medical'; - return ( @@ -393,6 +392,8 @@ export function MedicalVerificationPage({ kind = 'medical' }: { kind?: Verificat )} </Text> + {statusFilter} + {isMedical ? ( <AdvancedTable columns={medicalTableColumns} @@ -408,7 +409,7 @@ export function MedicalVerificationPage({ kind = 'medical' }: { kind?: Verificat onPageSizeChange={handleMedicalPageSizeChange} refresh={refetchMedical} isLoading={loadingMedical || fetchingMedical} - emptyText={t('recordVerification.emptyText', 'Nothing awaiting verification.')} + emptyText={emptyText} /> ) : ( <AdvancedTable @@ -425,7 +426,7 @@ export function MedicalVerificationPage({ kind = 'medical' }: { kind?: Verificat onPageSizeChange={handleSeaServicePageSizeChange} refresh={refetchSeaService} isLoading={loadingSeaService || fetchingSeaService} - emptyText={t('recordVerification.emptyText', 'Nothing awaiting verification.')} + emptyText={emptyText} /> )}