chore: disable Polkadot Asset Hub due to potential issue of losing fund

apps/web/src/components/widgets/dex/TransportForm.tsx

@@ -7,23 +7,23 @@ import {
   type Account,
 } from '@domains/accounts'
 import { bridgeAdapterState, bridgeState } from '@domains/bridge'
+import { tokenPriceState } from '@domains/chains'
 import { useExtrinsic } from '@domains/common'
 import { type SubmittableExtrinsic } from '@polkadot/api/types'
 import { type ISubmittableResult } from '@polkadot/types/types'
 import { type Chain, type InputConfig } from '@polkawallet/bridge'
 import * as Sentry from '@sentry/react'
+import { useTokens as useBalancesLibTokens } from '@talismn/balances-react'
 import { Decimal } from '@talismn/math'
 import { CircularProgressIndicator, toast } from '@talismn/ui'
 import { Maybe } from '@util/monads'
-import { isEmpty, uniqBy } from 'lodash'
+import { uniqBy } from 'lodash'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { RecoilLoadable, constSelector, useRecoilValue, useRecoilValueLoadable, type Loadable } from 'recoil'
 import { Observable } from 'rxjs'
 import { useAccountSelector } from '../AccountSelector'
-import TokenSelectorButton from '../TokenSelectorButton'
-import { tokenPriceState } from '@domains/chains'
-import { useTokens as useBalancesLibTokens } from '@talismn/balances-react'
 import AnimatedFiatNumber from '../AnimatedFiatNumber'
+import TokenSelectorButton from '../TokenSelectorButton'
 
 const TransportForm = () => {
   const bridge = useRecoilValue(bridgeState)
@@ -75,16 +75,6 @@ const TransportForm = () => {
     }
   }, [sender, setRecipient])
 
-  const filterParams = <T extends Record<string, unknown>>(object: T) => {
-    const params = Object.fromEntries(Object.entries(object).filter(([_, value]) => value !== undefined))
-
-    if (isEmpty(params)) {
-      return undefined
-    }
-
-    return params
-  }
-
   const routes = useMemo(
     () =>
       bridge.router
@@ -125,7 +115,7 @@ const TransportForm = () => {
   )
 
   const routeReversible = useMemo(() => {
-    const routes = bridge.router.getRouters(filterParams({ token }))
+    const routes = bridge.router.getAvailableRouters().filter(x => x.token === token)
 
     if (fromChain === undefined && toChain === undefined) {
       return false

apps/web/src/domains/bridge/index.ts

@@ -14,7 +14,7 @@ export const bridgeState = selector({
         .filter((x): x is NonNullable<typeof x> => x !== undefined)
         .map(x => x.adapter),
       disabledRouters: [
-        // temportatily disable Kusama routes
+        // Temporarily disable Kusama routes
         // due to: https://github.com/paritytech/polkadot-sdk/issues/3050
         { from: 'altair' },
         { from: 'kusama' },
@@ -39,6 +39,8 @@ export const bridgeState = selector({
         { from: 'robonomics' },
         { from: 'tinkernet' },
         { from: 'statemine' },
+        // Disable Asset Hub due to similarly reported issue
+        { from: 'statemint' },
       ],
     })
     await bridge.isReady

packages/ui/src/atoms/IconButton/IconButton.tsx

@@ -21,6 +21,7 @@ const BaseIconButtonFactory =
     const theme = useTheme()
     return (
       <Element
+        as="button"
         {...props}
         css={[
           {

packages/ui/src/molecules/TextInput/TextInput.tsx

@@ -62,7 +62,7 @@ const TextInput = Object.assign(
                 justifyContent: 'space-between',
                 alignItems: 'center',
                 marginBottom: '0.8rem',
-                '> *:empty::after': {
+                'label:empty::after': {
                   content: `"\u200B"`,
                 },
               }}
@@ -119,7 +119,7 @@ const TextInput = Object.assign(
                 justifyContent: 'space-between',
                 alignItems: 'center',
                 marginTop: '0.8rem',
-                '> *:empty::after': {
+                'label:empty::after': {
                   content: `"\u200B"`,
                 },
               }}