17.05.2026 funny

src/widgets/currency-converter/ui/Converter.module.css

@@ -197,6 +197,27 @@
   border-top: 1px solid var(--glass-border);
 }
 
+.payBtn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  margin-top: 32px;
+  padding: 18px;
+  border-radius: 12px;
+  background: var(--grad-center);
+  color: var(--text-primary);
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: 1px;
+  text-decoration: none;
+  transition: opacity 0.2s;
+}
+
+.payBtn:hover {
+  opacity: 0.9;
+}
+
 @media (max-width: 1024px) {
   .body {
     grid-template-columns: 1fr;
@@ -217,7 +238,7 @@
   }
 
   .tab {
-    flex: 0 0 50%;
+    flex: 1 1 0;
   }
 
   .field {

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

@@ -3,10 +3,11 @@ import { useConverter } from '../model/useConverter'
 import { progressPercent } from '../model/tiers'
 import { usePaymentConfig, usePaymentQuote } from '@features/payment'
 import { useDebounce } from '@shared/lib/hooks/useDebounce'
-import { AgreementCheckbox } from './AgreementCheckbox'
 import { CommissionTable } from './CommissionTable'
 import styles from './Converter.module.css'
 import { Title } from '@shared/ui/Title/Title'
+import { Link } from 'react-router-dom'
+import { ROUTES } from '@shared/config/routes'
 
 export function Converter() {
   const { data: config } = usePaymentConfig()
@@ -54,15 +55,6 @@ export function Converter() {
               >
                 КУПИТЬ
               </button>
-              <button
-                type="button"
-                className={styles.tab}
-                data-active={c.mode === 'sell' || undefined}
-                onClick={() => c.setMode('sell')}
-                disabled
-              >
-                ПРОДАТЬ
-              </button>
             </div>
 
             <div className={styles.field}>
@@ -116,9 +108,9 @@ export function Converter() {
           />
         </div>
 
-        <div className={styles.bottom}>
-          <AgreementCheckbox checked={c.agreed} onToggle={() => c.setAgreed(!c.agreed)} />
-        </div>
+        <Link to={ROUTES.CONVERTER} className={styles.payBtn}>
+          Перейти к оплате
+        </Link>
       </div>
     </section>
   )