This commit is contained in:
2026-05-25 15:20:38 +03:00
parent 5e71e8b7c9
commit 91282ba908
11 changed files with 201 additions and 163 deletions

View File

@@ -5,12 +5,12 @@ import { usePaymentQuote, usePaymentQuoteByRub, usePaymentConfig, useCreateOrder
import { CommissionPanel } from './CommissionPanel'
import { AgreementCheck } from './AgreementCheck'
import styles from './ConverterSection.module.css'
import { GAS_PRICE } from '@shared/config/constants'
import { GAS_PRICE, MIN_RUB_AMOUNT } from '@shared/config/constants'
export function ConverterSection() {
const c = useConverter({ usdtRate: 0 })
const [direction, setDirection] = useState<'usdt_to_rub' | 'rub_to_usdt'>('usdt_to_rub')
const [rubInputVal, setRubInputVal] = useState('1000')
const [rubInputVal, setRubInputVal] = useState(String(MIN_RUB_AMOUNT))
const { data: config } = usePaymentConfig()
@@ -26,6 +26,8 @@ export function ConverterSection() {
const debouncedRub = useDebounce(numRubInput, 400)
const { data: quoteRubToUsdt, isError: quoteRubError } = usePaymentQuoteByRub(!isUsdtToRub ? debouncedRub : 0)
const rubBelowMin = !isUsdtToRub && numRubInput > 0 && numRubInput < MIN_RUB_AMOUNT
function updateRubInput(raw: string) {
setRubInputVal(raw.replace(/[^0-9.]/g, ''))
}
@@ -70,7 +72,7 @@ export function ConverterSection() {
const isPayDisabled = isUsdtToRub
? (!rubTotal || isPending || !c.agreed)
: (!usdtFromRub || isPending || !c.agreed)
: (!usdtFromRub || isPending || !c.agreed || rubBelowMin)
return (
<div className={styles.wrap}>
@@ -168,7 +170,12 @@ export function ConverterSection() {
RUB
</div>
</div>
{quoteRubError && (
{rubBelowMin && (
<div className={styles.fieldError}>
Минимальная сумма: {MIN_RUB_AMOUNT.toLocaleString('ru-RU')}
</div>
)}
{quoteRubError && !rubBelowMin && (
<div className={styles.fieldError}>
Сумма слишком большая и превышает 600 000
</div>