collide swap and transfer into one route

explorer/src/app/[chain]/transfer/layout.tsx

@@ -1,7 +1,7 @@
 import { MainLayout } from 'components/layout/Layout'
-import { SwapHeader } from 'components/layout/SwapHeader'
+import { TransferHeader } from 'components/layout/TransferHeader'
 import type { ChildrenPageProps } from 'types/app'
 
 export default async function Layout({ children }: ChildrenPageProps) {
-  return <MainLayout subHeader={<SwapHeader />}>{children}</MainLayout>
+  return <MainLayout subHeader={<TransferHeader />}>{children}</MainLayout>
 }

explorer/src/app/[chain]/transfer/page.tsx

@@ -1,5 +1,5 @@
+import { Transfer } from 'components/Transfer'
 import { NotFound } from 'components/layout/NotFound'
-import { Swap } from 'components/Swap'
 import { Routes } from 'constants/routes'
 import { Metadata } from 'next'
 import { FC } from 'react'
@@ -11,6 +11,6 @@ export const generateMetadata = ({ params: { chain } }: ChainPageProps): Metadat
   getMetadata(chain, 'Transfer', undefined)
 
 const Page: FC<ChainPageProps> = ({ params: { chain } }) =>
-  isRouteSupportingNetwork(chain, Routes.transfer) ? <Swap /> : <NotFound />
+  isRouteSupportingNetwork(chain, Routes.transfer) ? <Transfer /> : <NotFound />
 
 export default Page

explorer/src/components/Swap/index.tsx → explorer/src/components/Transfer/index.tsx

@@ -15,7 +15,6 @@ import { FieldArray, Form, Formik } from 'formik'
 import useIndexers from 'hooks/useIndexers'
 import { useTxHelper } from 'hooks/useTxHelper'
 import useWallet from 'hooks/useWallet'
-import Link from 'next/link'
 import { usePathname, useSearchParams } from 'next/navigation'
 import { FC, useCallback, useEffect, useMemo, useState } from 'react'
 import toast from 'react-hot-toast'
@@ -38,26 +37,7 @@ interface FormValues {
 }
 
 const DirectionBlock: FC<DirectionBlockProps> = ({ direction, maxAmount }) => {
-  const { network } = useIndexers()
   const pathname = usePathname()
-  const searchParams = useSearchParams()
-
-  const linkToSwapOrTransfer = useMemo(() => {
-    const params = new URLSearchParams(searchParams.toString())
-    params.delete('receiver')
-    let href = `/${network}/${Routes.swap}?${params.toString()}`
-    let text = 'Send to your wallet?'
-    if (pathname.includes(Routes.swap)) {
-      href = `/${network}/${Routes.transfer}?${searchParams.toString()}`
-      text = 'Send to a different address?'
-    }
-
-    return (
-      <Link href={href}>
-        <span className='text-sm text-grayDarker dark:text-white'>{text}</span>
-      </Link>
-    )
-  }, [network, pathname, searchParams])
 
   return (
     <div className='flex flex-col space-y-1'>
@@ -66,19 +46,15 @@ const DirectionBlock: FC<DirectionBlockProps> = ({ direction, maxAmount }) => {
           {capitalizeFirstLetter(direction)}
         </span>
         <NetworkSelector direction={direction} />
-        {direction === SwapDirection.TO ? (
-          <div className='w-1/2 pb-4'>{linkToSwapOrTransfer}</div>
-        ) : (
-          <div className='w-1/2' />
-        )}
+        <div className='w-1/2' />
       </div>
       {direction === SwapDirection.TO && pathname.includes(Routes.transfer) && <ReceiverField />}
       <AmountField maxAmount={maxAmount} disabled={direction === SwapDirection.TO} />
     </div>
   )
 }
 
-export const Swap: FC = () => {
+export const Transfer: FC = () => {
   const [hash, setHash] = useState<Hash | undefined>(undefined)
   const [walletBalance, setWalletBalance] = useState<number>(0)
   const { actingAccount, injector, api, domainsApis, subspaceAccount } = useWallet()
@@ -246,7 +222,7 @@ export const Swap: FC = () => {
           break
         }
         default:
-          toast.error('Invalid swap', { position: 'bottom-center' })
+          toast.error('Invalid transfer', { position: 'bottom-center' })
           break
       }
     },

explorer/src/components/layout/SwapHeader.tsx → explorer/src/components/layout/TransferHeader.tsx

@@ -13,14 +13,14 @@ import { useMemo, useState } from 'react'
 import { HeaderChainDropdown } from './HeaderChainDropdown'
 import { MobileHeader } from './MobileHeader'
 
-export const SwapHeader = () => {
+export const TransferHeader = () => {
   const { isDark, toggleTheme } = useTheme()
   const pathname = usePathname()
   const isDesktop = useMediaQuery('(min-width: 1024px)')
   const [isOpen, setIsOpen] = useState(false)
   const { network } = useIndexers()
 
-  const menuList = useMemo(() => getSupportedHeaderLinks(network, Routes.swap), [network])
+  const menuList = useMemo(() => getSupportedHeaderLinks(network, Routes.transfer), [network])
 
   return (
     <header className='body-font z-9 py-[30px] text-gray-600'>

explorer/src/constants/routes.ts

@@ -10,7 +10,6 @@ export enum Routes {
   domains = 'domains',
   autoevm = 'auto-evm',
   autoid = 'auto-id',
-  swap = 'swap',
   transfer = 'transfer',
   testnetRewards = 'testnet-rewards',
 }
@@ -47,11 +46,6 @@ export enum RoutesDomains {
   autoid = '/auto-id',
 }
 
-export enum RoutesSwap {
-  transfer = '/transfer',
-  swap = '/swap',
-}
-
 export type AnyRoutes =
   | Routes
   | RoutesConsensus
@@ -170,22 +164,9 @@ export const ROUTES: Route[] = [
     ],
   },
   {
-    name: Routes.swap,
-    title: 'Transfer / Swap',
+    name: Routes.transfer,
+    title: 'Transfer',
     networks: [NetworkId.TAURUS],
-    children: [
-      {
-        name: RoutesSwap.swap,
-        title: 'Swap',
-        networks: [NetworkId.TAURUS],
-      },
-      {
-        name: RoutesSwap.transfer,
-        title: 'Transfer',
-        networks: [NetworkId.TAURUS],
-      },
-    ],
-    alias: [Routes.transfer],
   },
   {
     name: Routes.testnetRewards,

explorer/src/types/app.ts

@@ -42,5 +42,4 @@ export type Route = {
   title: string
   networks?: NetworkId[]
   children?: Route[]
-  alias?: string[]
 }

explorer/src/utils/route.ts

@@ -2,8 +2,7 @@ import { NetworkId } from '@autonomys/auto-utils'
 import { AnyRoutes, Routes, ROUTES } from 'constants/routes'
 import { Route } from 'types/app'
 
-const findRoute = (route: Routes): Route | undefined =>
-  ROUTES.find((item) => item.name === route || item.alias?.includes(route))
+const findRoute = (route: Routes): Route | undefined => ROUTES.find((item) => item.name === route)
 
 const isRouteSupported = (currentNetwork: NetworkId, routeItem: Route): boolean =>
   !!currentNetwork &&