feat: enabled USDT withdrawal (#652)

* refactor: rename from useXcmBridgeV3 to useXcmBridge

* feat: enabled withdrawing USDt from Shiden to Statemine

* feat: enables USDT withdrawal from Astar to Statemint

* feat: enabled USDT withdrawal from Astar to Statemint

Author: impelcrypto

src/components/assets/transfer/XcmBridge.vue

@@ -192,7 +192,7 @@
 import InputSelectChain from 'src/components/assets/transfer/InputSelectChain.vue';
 import SimpleInput from 'src/components/common/SimpleInput.vue';
 import SelectEvmWallet from 'src/components/assets/transfer/SelectEvmWallet.vue';
-import { pathEvm, useAccount, useTooltip, useXcmBridgeV3 } from 'src/hooks';
+import { pathEvm, useAccount, useTooltip, useXcmBridge } from 'src/hooks';
 import { truncate } from 'src/hooks/helper/common';
 import { Asset, ethWalletChains } from 'src/v2/models';
 import { computed, defineComponent, PropType, ref } from 'vue';
@@ -262,7 +262,7 @@ export default defineComponent({
       bridge,
       reverseChain,
       toggleIsInputDestAddrManually,
-    } = useXcmBridgeV3(tokenData);
+    } = useXcmBridge(tokenData);
 
     const isReverseButton = computed<boolean>(() => {
       if (!srcChain.value || !destChain.value || isH160.value) return false;

src/components/assets/transfer/styles/xcm-bridge.scss

@@ -228,11 +228,8 @@
   @media (min-width: $xs) {
     width: 344px;
   }
-  @media (min-width: $md) {
-    width: 400px;
-  }
-  @media (min-width: $xl) {
-    width: 420px;
+  @media (min-width: $sm) {
+    width: 412px;
   }
 }
 

src/components/common/styles/simple-input.scss

@@ -1,7 +1,6 @@
 @import 'src/css/quasar.variables.scss';
 
 .input--address {
-  width: 230px;
   background-color: transparent;
   width: 100%;
   &:focus {

src/hooks/index.ts

@@ -33,7 +33,7 @@ export * from './dapps-staking/useDappRedirect';
 export * from './dapps-staking/useDispatchGetDapps';
 export * from './wallet/useWalletIcon';
 export * from './wallet/useEvmWallet';
-export * from './xcm/useXcmBridgeV3';
+export * from './xcm/useXcmBridge';
 export * from './transfer/useTokenTransfer';
 export * from './xcm/useTransferRouter';
 export * from './xvm/useXvmTransferRouter';

src/hooks/xcm/useXcmBridgeV3.ts src/hooks/xcm/useXcmBridge.tssrc/hooks/xcm/useXcmBridgeV3.ts renamed to src/hooks/xcm/useXcmBridge.ts

@@ -44,7 +44,7 @@ import { useRouter } from 'vue-router';
 
 const { Acala, Astar, Karura, Polkadot, Shiden } = xcmChainObj;
 
-export function useXcmBridgeV3(selectedToken: Ref<Asset>) {
+export function useXcmBridge(selectedToken: Ref<Asset>) {
   const originChainApi = ref<ApiPromise | null>(null);
   const srcChain = ref<XcmChain>(Polkadot);
   const destChain = ref<XcmChain>(Astar);

src/modules/xcm/tokens/index.ts

@@ -72,7 +72,7 @@ export const xcmToken = {
       logo: 'https://assets.coingecko.com/coins/images/325/small/Tether-logo.png?1598003707',
       isXcmCompatible: true,
       originChain: Chain.STATEMINT,
-      minBridgeAmount: '0.21',
+      minBridgeAmount: '1',
     },
     {
       symbol: 'IBTC',

src/v2/models/XcmModels.ts

@@ -49,8 +49,7 @@ export interface XcmChain {
 export const isParachain = (network: XcmChain): boolean => !!network.parachainId;
 export const isRelayChain = (network: XcmChain): boolean => !isParachain(network);
 
-// Memo: Chain.STATEMINE -> Bug related to https://github.com/polkadot-js/apps/issues/7812
-export const chainsNotSupportWithdrawal = [Chain.STATEMINE, Chain.STATEMINT];
+export const chainsNotSupportWithdrawal: Chain[] = [];
 export const astarChains = [Chain.ASTAR, Chain.SHIDEN, Chain.ASTAR_EVM, Chain.SHIDEN_EVM];
 export const ethWalletChains = [Chain.MOONBEAM, Chain.MOONRIVER];