diff --git a/frontend/src/components/form/StepClaimConfirmation.tsx b/frontend/src/components/form/StepClaimConfirmation.tsx index 8f4b9b9..2d1fdba 100644 --- a/frontend/src/components/form/StepClaimConfirmation.tsx +++ b/frontend/src/components/form/StepClaimConfirmation.tsx @@ -281,17 +281,6 @@ export default function StepClaimConfirmation({ }; }, [onNext, onPrev, sendSMSCode, claimPlanData]); - if (loading) { - return ( - -
- -

Загрузка формы подтверждения...

-
-
- ); - } - // Обработчик отправки SMS-кода из модалки const handleSendCode = useCallback(async () => { const phone = @@ -330,14 +319,15 @@ export default function StepClaimConfirmation({ }, [claimPlanData, smsForm, verifySMSCode]); // Обработчик отмены SMS-апрува - const handleCancelSMS = () => { + const handleCancelSMS = useCallback(() => { setSmsModalVisible(false); setSmsCodeSent(false); setPendingFormData(null); smsForm.resetFields(); message.info('Подтверждение отменено'); - }; + }, [smsForm]); + // Вычисляем телефон для отображения (до условного рендера) const phone = claimPlanData?.propertyName?.applicant?.phone || claimPlanData?.propertyName?.user?.mobile || @@ -345,6 +335,17 @@ export default function StepClaimConfirmation({ ''; const displayPhone = phone ? (phone.length > 4 ? `${phone.slice(0, -4)}****` : '****') : '****'; + if (loading) { + return ( + +
+ +

Загрузка формы подтверждения...

+
+
+ ); + } + return ( <>