14.05.2026 rip

src/widgets/currency-converter/ui/Converter.tsx

@@ -1,5 +1,6 @@
 import { GAS_PRICE, USDT_RATE } from '@shared/config/constants'
 import { useConverter } from '../model/useConverter'
+import { findTier, progressPercent } from '../model/tiers'
 import { AgreementCheckbox } from './AgreementCheckbox'
 import { CommissionTable } from './CommissionTable'
 import styles from './Converter.module.css'
@@ -8,6 +9,14 @@ import { Title } from '@shared/ui/Title/Title'
 export function Converter() {
   const c = useConverter({ usdtRate: USDT_RATE })
 
+  // c.rubVal / c.numRub used as USDT input; RUB is computed
+  const numUsdt = c.numRub
+  const approxRub = numUsdt * USDT_RATE
+  const { pct } = findTier(approxRub)
+  const effectiveRate = USDT_RATE * (1 + pct / 100)
+  const rubOutput = numUsdt > 0 ? (numUsdt * effectiveRate).toFixed(2) : ''
+  const commission = (approxRub * pct) / 100
+
   return (
     <section className={styles.section} id="converter">
       <div className={styles.wrap}>
@@ -50,7 +59,13 @@ export function Converter() {
 
             <div className={styles.field}>
               <div className={styles.fieldInput}>
-                <input type="text" value={c.usdtVal} readOnly placeholder="0" />
+                <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
                 </div>
@@ -77,13 +92,7 @@ export function Converter() {
 
             <div className={styles.field}>
               <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={rubOutput} readOnly placeholder="0" />
                 <div className={styles.currency}>
                   <span className={`${styles.currencyIcon} ${styles.currencyRub}`}>₽</span> RUB
                 </div>
@@ -92,10 +101,10 @@ export function Converter() {
           </div>
 
           <CommissionTable
-            amount={c.numRub}
-            progress={c.progress}
-            commission={c.commission}
-            effectiveRate={c.effectiveRate}
+            amount={approxRub}
+            progress={progressPercent(approxRub)}
+            commission={commission}
+            effectiveRate={effectiveRate}
           />
         </div>