diff --git a/frontend/src/features/PriorNotification/components/ManualPriorNotificationForm/Content.tsx b/frontend/src/features/PriorNotification/components/ManualPriorNotificationForm/Content.tsx index 86163db7de..ff56a763ba 100644 --- a/frontend/src/features/PriorNotification/components/ManualPriorNotificationForm/Content.tsx +++ b/frontend/src/features/PriorNotification/components/ManualPriorNotificationForm/Content.tsx @@ -54,6 +54,7 @@ export function Content({ detail, isValidatingOnChange, onClose, onSubmit, onVer !!detail?.state && [PriorNotification.State.PENDING_AUTO_SEND, PriorNotification.State.PENDING_SEND].includes(detail?.state) const isPendingVerification = detail?.state === PriorNotification.State.PENDING_VERIFICATION + const isReadOnly = isPendingSend || isInvalidated const isVerifiedAndSent = detail?.state === PriorNotification.State.VERIFIED_AND_SENT const hasDesignatedPorts = editedPriorNotificationComputedValues?.types?.find(type => type.hasDesignatedPorts) const priorNotificationIdentifier = getPriorNotificationIdentifier(detail) @@ -171,9 +172,9 @@ export function Content({ detail, isValidatingOnChange, onClose, onSubmit, onVer
-
+ - {!!detail && !isInvalidated && ( + {!!detail && !isInvalidated && !isPendingSend && ( -export function Form({ isInvalidated }: FormProps) { +export function Form({ isReadOnly }: FormProps) { const { values } = useFormikContext() const dispatch = useMainAppDispatch() @@ -58,21 +58,21 @@ export function Form({ isInvalidated }: FormProps) { return ( <> - + @@ -80,7 +80,7 @@ export function Form({ isInvalidated }: FormProps) { isStringDate label="Date et heure estimées d'arrivée au port (UTC)" name="expectedArrivalDate" - readOnly={isInvalidated} + readOnly={isReadOnly} withTime /> @@ -90,13 +90,13 @@ export function Form({ isInvalidated }: FormProps) { isStringDate label="Date et heure prévues de débarque (UTC)" name="expectedLandingDate" - readOnly={isInvalidated} + readOnly={isReadOnly} withTime /> @@ -105,19 +105,19 @@ export function Form({ isInvalidated }: FormProps) { label="Port d'arrivée" name="portLocode" options={portsAsOptions ?? []} - readOnly={isInvalidated} + readOnly={isReadOnly} searchable virtualized /> - + @@ -127,7 +127,7 @@ export function Form({ isInvalidated }: FormProps) { label="Zone de pêche" name="faoArea" options={faoAreasAsOptions ?? []} - readOnly={isInvalidated} + readOnly={isReadOnly} searchable virtualized /> @@ -141,28 +141,28 @@ export function Form({ isInvalidated }: FormProps) { label="Autorisation d'entrée au port" name="hasPortEntranceAuthorization" options={BOOLEAN_AS_OPTIONS} - readOnly={isInvalidated} + readOnly={isReadOnly} /> )} - + - + ) }