From 8d5dc3a5d17c138c7830e3a9e0fa95ebdcce642e Mon Sep 17 00:00:00 2001
From: rassadin11 <artem.rassadin.05@mail.ru>
Date: Thu, 14 May 2026 17:17:40 +0300
Subject: [PATCH] 14.05.2026 rip

---
 .../converter-page/ui/ConverterSection.tsx    | 10 ++++++---
 .../currency-converter/ui/Converter.tsx       | 22 +++++++++----------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/widgets/converter-page/ui/ConverterSection.tsx b/src/widgets/converter-page/ui/ConverterSection.tsx
index ef2ecc2..7b6667a 100644
--- a/src/widgets/converter-page/ui/ConverterSection.tsx
+++ b/src/widgets/converter-page/ui/ConverterSection.tsx
@@ -1,4 +1,4 @@
-import { useConverter, progressPercent } from '@widgets/currency-converter'
+import { useConverter, progressPercent, findTier } from '@widgets/currency-converter'
 import { useDebounce } from '@shared/lib/hooks/useDebounce'
 import { usePaymentQuote, useCreateOrder } from '@features/payment'
 import { CommissionPanel } from './CommissionPanel'
@@ -17,6 +17,10 @@ export function ConverterSection() {
   const rubTotal = quote?.total_price ?? ''
   const rubTotalNum = Number(rubTotal) || 0
 
+  const tier = findTier(rubTotalNum)
+  const commission = (rubTotalNum * tier.pct) / 100
+  const effectiveRate = usdtRate * (1 + tier.pct / 100)
+
   const { mutate: submitOrder, isPending } = useCreateOrder()
 
   function handlePay() {
@@ -123,8 +127,8 @@ export function ConverterSection() {
         <CommissionPanel
           amount={rubTotalNum}
           progress={progressPercent(rubTotalNum)}
-          commission={c.commission}
-          effectiveRate={c.effectiveRate}
+          commission={commission}
+          effectiveRate={effectiveRate}
         />
       </div>
 
diff --git a/src/widgets/currency-converter/ui/Converter.tsx b/src/widgets/currency-converter/ui/Converter.tsx
index 1a5de6b..5e2d03a 100644
--- a/src/widgets/currency-converter/ui/Converter.tsx
+++ b/src/widgets/currency-converter/ui/Converter.tsx
@@ -49,17 +49,10 @@ export function Converter() {
             </div>
 
             <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={c.usdtVal} readOnly placeholder="0" />
                 <div className={styles.currency}>
-                  <span className={`${styles.currencyIcon} ${styles.currencyRub}`}>₽</span> RUB
+                  <span className={`${styles.currencyIcon} ${styles.currencyUsdt}`}>₮</span> USDT
                 </div>
               </div>
             </div>
@@ -83,11 +76,16 @@ export function Converter() {
             </div>
 
             <div className={styles.field}>
-              <div className={styles.fieldLabel}>Получаете</div>
               <div className={styles.fieldInput}>
-                <input type="text" value={c.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
+                  <span className={`${styles.currencyIcon} ${styles.currencyRub}`}>₽</span> RUB
                 </div>
               </div>
             </div>