feat: похуй 2.0

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) {

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;

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
               </div>
             </div>
+            {quoteError && (
+              <div className={styles.fieldError}>
+                Сумма слишком большая и превышает 600 000 ₽
+              </div>
+            )}
           </div>
 
           <div className={styles.swapWrap}>