ui: Убран email со шага 1, перенесён на последний шаг\n\n- Step1Phone: только телефон + SMS\n- Step3Payment: добавлено поле email
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react';
|
||||
import { Form, Input, Button, message, Space } from 'antd';
|
||||
import { PhoneOutlined, SafetyOutlined, MailOutlined } from '@ant-design/icons';
|
||||
import { PhoneOutlined, SafetyOutlined } from '@ant-design/icons';
|
||||
|
||||
interface Props {
|
||||
formData: any;
|
||||
@@ -24,7 +24,7 @@ export default function Step1Phone({
|
||||
|
||||
const sendCode = async () => {
|
||||
try {
|
||||
const values = await form.validateFields(['phone', 'email']);
|
||||
const values = await form.validateFields(['phone']);
|
||||
const phone = values.phone;
|
||||
|
||||
setLoading(true);
|
||||
@@ -46,7 +46,7 @@ export default function Step1Phone({
|
||||
});
|
||||
message.success('Код отправлен на ваш телефон');
|
||||
setCodeSent(true);
|
||||
updateFormData({ phone: values.phone, email: values.email });
|
||||
updateFormData({ phone: values.phone });
|
||||
if (result.debug_code) {
|
||||
message.info(`DEBUG: Код ${result.debug_code}`);
|
||||
}
|
||||
@@ -56,7 +56,7 @@ export default function Step1Phone({
|
||||
}
|
||||
} catch (error) {
|
||||
if ((error as any)?.errorFields) {
|
||||
message.error('Введите телефон и email');
|
||||
message.error('Введите номер телефона');
|
||||
} else {
|
||||
message.error('Ошибка соединения с сервером');
|
||||
}
|
||||
@@ -127,22 +127,6 @@ export default function Step1Phone({
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item
|
||||
label="Электронная почта"
|
||||
name="email"
|
||||
rules={[
|
||||
{ required: true, message: 'Введите email' },
|
||||
{ type: 'email', message: 'Неверный формат email' }
|
||||
]}
|
||||
>
|
||||
<Input
|
||||
prefix={<MailOutlined />}
|
||||
placeholder="example@mail.ru"
|
||||
size="large"
|
||||
type="email"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item>
|
||||
{!codeSent ? (
|
||||
<Button type="primary" onClick={sendCode} loading={loading} block>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { useState } from 'react';
|
||||
import { Form, Input, Button, Select, message, Divider } from 'antd';
|
||||
import { QrcodeOutlined } from '@ant-design/icons';
|
||||
import { QrcodeOutlined, MailOutlined } from '@ant-design/icons';
|
||||
|
||||
const { Option } = Select;
|
||||
|
||||
@@ -72,6 +72,23 @@ export default function Step3Payment({
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Email собираем на последнем шаге */}
|
||||
<Form.Item
|
||||
label="Электронная почта"
|
||||
name="email"
|
||||
rules={[
|
||||
{ required: true, message: 'Введите email' },
|
||||
{ type: 'email', message: 'Неверный формат email' }
|
||||
]}
|
||||
>
|
||||
<Input
|
||||
prefix={<MailOutlined />}
|
||||
placeholder="example@mail.ru"
|
||||
size="large"
|
||||
type="email"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
{/* Блок выплаты (показывается только после верификации) */}
|
||||
{isPhoneVerified && (
|
||||
<>
|
||||
|
||||
Reference in New Issue
Block a user