14.05.2026 rip

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}
+          commission={commission}
-          effectiveRate={c.effectiveRate}
+          effectiveRate={effectiveRate}
         />
       </div>
 

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
+                <input type="text" value={c.usdtVal} readOnly placeholder="0" />
-                  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.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>