From d6345ee0d231821b974c22801bfece0baf115cf7 Mon Sep 17 00:00:00 2001
From: rassadin11 <artem.rassadin.05@mail.ru>
Date: Tue, 12 May 2026 23:20:31 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=BF=D0=BE=D1=85=D1=83=D0=B9=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../converter-page/ui/ConverterSection.tsx    | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/widgets/converter-page/ui/ConverterSection.tsx b/src/widgets/converter-page/ui/ConverterSection.tsx
index 9a2a6ce..62459c4 100644
--- a/src/widgets/converter-page/ui/ConverterSection.tsx
+++ b/src/widgets/converter-page/ui/ConverterSection.tsx
@@ -14,10 +14,10 @@ export function ConverterSection() {
 
   const c = useConverter({ usdtRate })
 
-  const debouncedRub = useDebounce(c.numRub, 400)
-  const { data: quote } = usePaymentQuote(debouncedRub)
+  const debouncedUsdt = useDebounce(c.numRub, 400)
+  const { data: quote } = usePaymentQuote(debouncedUsdt)
 
-  const usdtVal = quote ? quote.usdt_amount : c.usdtVal
+  const rubTotal = quote?.total_price ?? ''
 
   return (
     <div className={styles.wrap}>
@@ -58,9 +58,15 @@ export function ConverterSection() {
           </div>
 
           <div className={styles.field}>
-            <div className={styles.fieldLabel}>Получаете</div>
+            <div className={styles.fieldLabel}>Конвертируете</div>
             <div className={styles.fieldInput}>
-              <input type="text" value={usdtVal} readOnly />
+              <input
+                type="text"
+                value={c.rubVal}
+                onChange={(e) => c.updateRub(e.target.value)}
+                placeholder="0"
+                inputMode="decimal"
+              />
               <div className={styles.currency}>
                 <span className={`${styles.currencyIcon} ${styles.currencyUsdt}`}>₮</span>
                 USDT
@@ -72,6 +78,8 @@ export function ConverterSection() {
             <button
               type="button"
               className={styles.swapBtn}
+              onClick={c.toggleMode}
+              aria-label="Поменять направление"
             >
               <svg width={16} height={16} viewBox="0 0 16 16" fill="none">
                 <path
@@ -88,13 +96,7 @@ export function ConverterSection() {
           <div className={styles.field}>
             <div className={styles.fieldLabel}>Платите</div>
             <div className={styles.fieldInput}>
-              <input
-                type="text"
-                value={c.rubVal}
-                onChange={(e) => c.updateRub(e.target.value)}
-                placeholder="0"
-                inputMode="decimal"
-              />
+              <input type="text" value={rubTotal} readOnly placeholder="0" />
               <div className={styles.currency}>
                 <span className={`${styles.currencyIcon} ${styles.currencyRub}`}>₽</span>
                 RUB