14.05.2026 rip

src/pages/swap/ui/SwapPage.tsx

@@ -1,13 +1,12 @@
-import { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
 import { Footer } from '@widgets/footer'
 import { SwapForm } from '@widgets/swap-form'
 import { WalletHeader } from '@widgets/wallet-header'
+import { ROUTES } from '@shared/config/routes'
 import styles from './SwapPage.module.css'
 
-type Tab = 'swap' | 'bridge'
-
 export function SwapPage() {
-  const [tab, setTab] = useState<Tab>('swap')
+  const navigate = useNavigate()
 
   return (
     <div className={styles.page}>
@@ -15,14 +14,14 @@ export function SwapPage() {
 
       <div className={styles.tabs}>
         <button
-          className={`${styles.tab} ${tab === 'swap' ? styles.active : styles.inactive}`}
-          onClick={() => setTab('swap')}
+          className={`${styles.tab} ${styles.active}`}
+          onClick={() => navigate(ROUTES.SWAP)}
         >
           СВОП
         </button>
         <button
-          className={`${styles.tab} ${tab === 'bridge' ? styles.active : styles.inactive}`}
-          onClick={() => setTab('bridge')}
+          className={`${styles.tab} ${styles.inactive}`}
+          onClick={() => navigate(ROUTES.BRIDGE)}
         >
           БРИДЖ
         </button>