diff --git a/src/pages/converter/ui/ConverterPage.module.css b/src/pages/converter/ui/ConverterPage.module.css index f777854..eb710f7 100644 --- a/src/pages/converter/ui/ConverterPage.module.css +++ b/src/pages/converter/ui/ConverterPage.module.css @@ -9,7 +9,9 @@ flex: 1; padding: 28px 32px 40px; width: 100%; - margin: 0 auto; + display: flex; + justify-content: center; + align-items: center; } @media (max-width: 900px) { diff --git a/src/widgets/converter-page/ui/ConverterSection.module.css b/src/widgets/converter-page/ui/ConverterSection.module.css index bf9292b..cb24234 100644 --- a/src/widgets/converter-page/ui/ConverterSection.module.css +++ b/src/widgets/converter-page/ui/ConverterSection.module.css @@ -2,6 +2,7 @@ position: relative; overflow: hidden; max-width: 1400px; + width: 100%; } .header { @@ -86,6 +87,12 @@ margin-bottom: 24px; } +.fieldError { + margin-top: 8px; + font-size: 13px; + color: var(--error); +} + .fieldLabel { font-size: 12px; letter-spacing: 2px; diff --git a/src/widgets/converter-page/ui/ConverterSection.tsx b/src/widgets/converter-page/ui/ConverterSection.tsx index 3d4437a..b20d77a 100644 --- a/src/widgets/converter-page/ui/ConverterSection.tsx +++ b/src/widgets/converter-page/ui/ConverterSection.tsx @@ -14,7 +14,7 @@ export function ConverterSection() { const c = useConverter({ usdtRate }) const debouncedUsdt = useDebounce(c.numRub, 400) - const { data: quote } = usePaymentQuote(debouncedUsdt) + const { data: quote, isError: quoteError } = usePaymentQuote(debouncedUsdt) const rubTotal = quote?.total_price ?? '' const rubTotalNum = Number(rubTotal) || 0 @@ -84,6 +84,11 @@ export function ConverterSection() { USDT + {quoteError && ( +