Compare commits
6
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 John Huang
|
d40465e9ca | ||
 aleka
|
348e82293e | ||
 Jared Vu
|
48a48b4d70 | ||
 Bill
|
944cea0d3d | ||
 Rui
|
4ea2bdf53d | ||
|
aleka
|
c40f5eb549 |
@@ -1,6 +0,0 @@
|
||||
VITE_BASE_URL=https://v4.testnet.dydx.exchange
|
||||
|
||||
VITE_ALCHEMY_API_KEY=FP275q327Yh7qswtZWenbPXdZZdnAFmC
|
||||
|
||||
VITE_WALLETCONNECT1_BRIDGE=wss://api.dydx.exchange/wc/
|
||||
VITE_WALLETCONNECT2_PROJECT_ID=fbe94eaa691fa8d929561f8567062b32
|
||||
@@ -4,7 +4,6 @@ VITE_ALCHEMY_API_KEY=
|
||||
|
||||
VITE_PK_ENCRYPTION_KEY=
|
||||
|
||||
VITE_WALLETCONNECT1_BRIDGE=
|
||||
VITE_WALLETCONNECT2_PROJECT_ID=
|
||||
|
||||
VITE_V3_TOKEN_ADDRESS=
|
||||
@@ -13,6 +13,7 @@ dist
|
||||
dist-ssr
|
||||
*.local
|
||||
*.key
|
||||
.env
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
|
||||
+1
-1
@@ -40,7 +40,7 @@
|
||||
"@cosmjs/tendermint-rpc": "^0.31.0",
|
||||
"@dydxprotocol/v4-abacus": "^0.6.4",
|
||||
"@dydxprotocol/v4-client-js": "^0.36.1",
|
||||
"@dydxprotocol/v4-localization": "^0.1.24",
|
||||
"@dydxprotocol/v4-localization": "^0.1.30",
|
||||
"@ethersproject/providers": "^5.7.2",
|
||||
"@js-joda/core": "^5.5.3",
|
||||
"@radix-ui/react-collapsible": "^1.0.3",
|
||||
|
||||
Generated
+4
-4
@@ -33,8 +33,8 @@ dependencies:
|
||||
specifier: ^0.36.1
|
||||
version: 0.36.1
|
||||
'@dydxprotocol/v4-localization':
|
||||
specifier: ^0.1.24
|
||||
version: 0.1.24
|
||||
specifier: ^0.1.30
|
||||
version: 0.1.30
|
||||
'@ethersproject/providers':
|
||||
specifier: ^5.7.2
|
||||
version: 5.7.2
|
||||
@@ -1010,8 +1010,8 @@ packages:
|
||||
- utf-8-validate
|
||||
dev: false
|
||||
|
||||
/@dydxprotocol/v4-localization@0.1.24:
|
||||
resolution: {integrity: sha512-zSiu8+/6BWNWZXxe73zUp/UjuLG1Cp5UuhXKtbATqqkeZyVCs01QxbBCTs1MLfgsLh02IrfhXCPHvXnzZyReEw==}
|
||||
/@dydxprotocol/v4-localization@0.1.30:
|
||||
resolution: {integrity: sha512-xTlQuQmPz7wfGkjd07giYMAxRrolDbJE3DryJSIMB6R1MBq1wLzAcwp/iR/nELRwilRX9c44Tap0gGt+oAajiQ==}
|
||||
dev: false
|
||||
|
||||
/@dydxprotocol/v4-proto@0.2.1:
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 193 KiB After Width: | Height: | Size: 122 KiB |
+45
-19
@@ -35,11 +35,13 @@
|
||||
"name": "v4 Dev",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydxprotocol-testnet",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -94,11 +96,13 @@
|
||||
"name": "v4 Dev 2",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydxprotocol-testnet",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -152,11 +156,13 @@
|
||||
"name": "v4 Dev 4",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydxprotocol-testnet",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -210,11 +216,13 @@
|
||||
"name": "v4 Dev 5",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydxprotocol-testnet",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -268,11 +276,13 @@
|
||||
"name": "v4 Staging",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydxprotocol-testnet",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -330,11 +340,13 @@
|
||||
"name": "v4 Staging West",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydxprotocol-testnet",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -391,12 +403,14 @@
|
||||
"dydxprotocol-testnet": {
|
||||
"name": "v4 Public Testnet",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydx-testnet-3",
|
||||
"dydxChainId": "dydx-testnet-4",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -455,12 +469,14 @@
|
||||
"dydxprotocol-testnet-dydx": {
|
||||
"name": "v4 Public Testnet/dYdX",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydx-testnet-3",
|
||||
"dydxChainId": "dydx-testnet-4",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -518,12 +534,14 @@
|
||||
"dydxprotocol-testnet-dsrv": {
|
||||
"name": "v4 Public Testnet/DSRV",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydx-testnet-3",
|
||||
"dydxChainId": "dydx-testnet-4",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -581,12 +599,14 @@
|
||||
"dydxprotocol-testnet-nodefleet": {
|
||||
"name": "v4 Public Testnet/nodefleet",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydx-testnet-3",
|
||||
"dydxChainId": "dydx-testnet-4",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -644,12 +664,14 @@
|
||||
"dydxprotocol-testnet-kingnodes": {
|
||||
"name": "v4 Public Testnet/KingNodes",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydx-testnet-3",
|
||||
"dydxChainId": "dydx-testnet-4",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -707,12 +729,14 @@
|
||||
"dydxprotocol-testnet-liquify": {
|
||||
"name": "v4 Public Testnet/Liquify",
|
||||
"ethereumChainId": "5",
|
||||
"dydxChainId": "dydx-testnet-3",
|
||||
"dydxChainId": "dydx-testnet-4",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": false,
|
||||
"tokens": {
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
@@ -771,12 +795,14 @@
|
||||
"name": "v4",
|
||||
"ethereumChainId": "1",
|
||||
"dydxChainId": "[mainnet chain id]",
|
||||
"chainName": "dYdX Chain",
|
||||
"chainLogo": "dydx-chain.png",
|
||||
"isMainNet": true,
|
||||
"tokens": {
|
||||
"comment": "Change according to mainnet release",
|
||||
"chain": {
|
||||
"name": "DYDX",
|
||||
"denom": "dv4tnt",
|
||||
"denom": "adv4tnt",
|
||||
"image": "/currencies/dydx.png"
|
||||
},
|
||||
"usdc": {
|
||||
|
||||
+439
-449
@@ -1,474 +1,464 @@
|
||||
[
|
||||
{
|
||||
"id":"c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96",
|
||||
"name":"MetaMask",
|
||||
"description":"",
|
||||
"homepage":"https://metamask.io/",
|
||||
"chains":[
|
||||
"eip155:1",
|
||||
"eip155:42161",
|
||||
"eip155:43114"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/us/app/metamask/id1438144202",
|
||||
"android":"https://play.google.com/store/apps/details?id=io.metamask",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"metamask:",
|
||||
"universal":"https://metamask.app.link"
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"MetaMask",
|
||||
"colors":{
|
||||
"primary":"rgb(255, 255, 255)",
|
||||
"secondary":""
|
||||
"id": "c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96",
|
||||
"name": "MetaMask",
|
||||
"description": "",
|
||||
"homepage": "https://metamask.io/",
|
||||
"chains": [
|
||||
"eip155:1",
|
||||
"eip155:42161",
|
||||
"eip155:43114"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://apps.apple.com/us/app/metamask/id1438144202",
|
||||
"android": "https://play.google.com/store/apps/details?id=io.metamask",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "metamask:",
|
||||
"universal": "https://metamask.app.link"
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "MetaMask",
|
||||
"colors": {
|
||||
"primary": "rgb(255, 255, 255)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "MetaMask",
|
||||
"iosMinVersion": "0",
|
||||
"imageUrl": "",
|
||||
"encoding": "=\"#%/<>?@\\^`{|}:&",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletConnectV2",
|
||||
"native": "metamask:",
|
||||
"universal": "https://metamask.app.link"
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"MetaMask",
|
||||
"iosMinVersion":"0",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/metamask.png",
|
||||
"image":"metamask.png",
|
||||
"encoding":"=\"#%/<>?@\\^`{|}:&",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnectV2",
|
||||
"native":"metamask:",
|
||||
"universal":"https://metamask.app.link"
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"METAMASK"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData",
|
||||
"wallet_addEthereumChain"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "METAMASK",
|
||||
"imageName": "metamask.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"coinbase-wallet",
|
||||
"name":"Coinbase Wallet",
|
||||
"description":"",
|
||||
"homepage":"https://www.coinbase.com/wallet",
|
||||
"chains":[
|
||||
"eip155:1"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/us/app/coinbase-wallet-nfts-crypto/id1278383455",
|
||||
"android":"https://play.google.com/store/apps/details?id=org.toshi",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"cbwallet:",
|
||||
"universal":""
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"Coinbase",
|
||||
"colors":{
|
||||
"primary":"rgb(255, 255, 255)",
|
||||
"secondary":""
|
||||
"id": "coinbase-wallet",
|
||||
"name": "Coinbase Wallet",
|
||||
"description": "",
|
||||
"homepage": "https://www.coinbase.com/wallet",
|
||||
"chains": [
|
||||
"eip155:1"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://apps.apple.com/us/app/coinbase-wallet-nfts-crypto/id1278383455",
|
||||
"android": "https://play.google.com/store/apps/details?id=org.toshi",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "cbwallet:",
|
||||
"universal": ""
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "Coinbase",
|
||||
"colors": {
|
||||
"primary": "rgb(255, 255, 255)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "Coinbase",
|
||||
"iosMinVersion": "1.8.0",
|
||||
"imageUrl": "",
|
||||
"encoding": "=\"#%/<>?@\\^`{|}:&",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletSegue",
|
||||
"native": "cbwallet:",
|
||||
"universal": ""
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"Coinbase",
|
||||
"iosMinVersion":"1.8.0",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/coinbase-wallet.png",
|
||||
"image":"coinbase-wallet.png",
|
||||
"encoding":"=\"#%/<>?@\\^`{|}:&",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletSegue",
|
||||
"native":"cbwallet:",
|
||||
"universal":""
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"COINBASE_WALLET"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData",
|
||||
"wallet_addEthereumChain"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "COINBASE_WALLET",
|
||||
"imageName": "coinbase-wallet.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"9d373b43ad4d2cf190fb1a774ec964a1addf406d6fd24af94ab7596e58c291b2",
|
||||
"name":"imToken",
|
||||
"description":"",
|
||||
"homepage":"https://token.im/",
|
||||
"chains":[
|
||||
"eip155:1"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://itunes.apple.com/us/app/imtoken2/id1384798940",
|
||||
"android":"https://play.google.com/store/apps/details?id=im.token.app",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"imtokenv2:",
|
||||
"universal":""
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"imToken",
|
||||
"colors":{
|
||||
"primary":"rgb(255, 255, 255)",
|
||||
"secondary":""
|
||||
"id": "9d373b43ad4d2cf190fb1a774ec964a1addf406d6fd24af94ab7596e58c291b2",
|
||||
"name": "imToken",
|
||||
"description": "",
|
||||
"homepage": "https://token.im/",
|
||||
"chains": [
|
||||
"eip155:1"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://itunes.apple.com/us/app/imtoken2/id1384798940",
|
||||
"android": "https://play.google.com/store/apps/details?id=im.token.app",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "imtokenv2:",
|
||||
"universal": ""
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "imToken",
|
||||
"colors": {
|
||||
"primary": "rgb(255, 255, 255)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "imToken",
|
||||
"iosMinVersion": "0",
|
||||
"imageUrl": "",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletConnectV2",
|
||||
"native": "imtokenv2:",
|
||||
"universal": ""
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"imToken",
|
||||
"iosMinVersion":"0",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/imtoken.png",
|
||||
"image":"imtoken.png",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnect",
|
||||
"native":"imtokenv2:",
|
||||
"universal":""
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"IMTOKEN"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "IMTOKEN",
|
||||
"imageName": "imtoken.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0",
|
||||
"name":"Trust Wallet",
|
||||
"description":"",
|
||||
"homepage":"https://trustwallet.com/",
|
||||
"chains":[
|
||||
"eip155:1",
|
||||
"eip155:42161",
|
||||
"eip155:43114"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/app/apple-store/id1288339409",
|
||||
"android":"https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"trust:",
|
||||
"universal":"https://link.trustwallet.com"
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"Trust",
|
||||
"colors":{
|
||||
"primary":"rgb(51, 117, 187)",
|
||||
"secondary":""
|
||||
"id": "4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0",
|
||||
"name": "Trust Wallet",
|
||||
"description": "",
|
||||
"homepage": "https://trustwallet.com/",
|
||||
"chains": [
|
||||
"eip155:1",
|
||||
"eip155:42161",
|
||||
"eip155:43114"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://apps.apple.com/app/apple-store/id1288339409",
|
||||
"android": "https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "trust:",
|
||||
"universal": "https://link.trustwallet.com"
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "Trust",
|
||||
"colors": {
|
||||
"primary": "rgb(51, 117, 187)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "Trust Wallet",
|
||||
"iosMinVersion": "0",
|
||||
"encoding": "=\"#%/<>?@\\^`{|}:&",
|
||||
"imageUrl": "",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletConnectV2",
|
||||
"native": "trust:",
|
||||
"universal": "https://link.trustwallet.com"
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"Trust Wallet",
|
||||
"iosMinVersion":"0",
|
||||
"encoding":"=\"#%/<>?@\\^`{|}:&",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/trust-wallet.png",
|
||||
"image":"trust-wallet.png",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnectV2",
|
||||
"native":"trust:",
|
||||
"universal":"https://link.trustwallet.com"
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"TRUST_WALLET"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "TRUST_WALLET",
|
||||
"imageName": "trust-wallet.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"Zerion",
|
||||
"name":"Zerion",
|
||||
"description":"",
|
||||
"homepage":"https://zerion.io/",
|
||||
"chains":[
|
||||
"eip155:1"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/app/apple-store/id1456732565",
|
||||
"android":"https://play.google.com/store/apps/details?id=io.zerion.android",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"zerion:",
|
||||
"universal":""
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"Zerion",
|
||||
"colors":{
|
||||
"primary":"rgb(51, 117, 187)",
|
||||
"secondary":""
|
||||
"id": "Zerion",
|
||||
"name": "Zerion",
|
||||
"description": "",
|
||||
"homepage": "https://zerion.io/",
|
||||
"chains": [
|
||||
"eip155:1"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://apps.apple.com/app/apple-store/id1456732565",
|
||||
"android": "https://play.google.com/store/apps/details?id=io.zerion.android",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "zerion:",
|
||||
"universal": ""
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "Zerion",
|
||||
"colors": {
|
||||
"primary": "rgb(51, 117, 187)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "Zerion Wallet",
|
||||
"iosMinVersion": "0",
|
||||
"encoding": "=\"#%/<>?@\\^`{|}:&",
|
||||
"imageUrl": "",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletConnectV2",
|
||||
"native": "zerion:",
|
||||
"universal": ""
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"Zerion Wallet",
|
||||
"iosMinVersion":"0",
|
||||
"encoding":"=\"#%/<>?@\\^`{|}:&",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/zerion.png",
|
||||
"image":"zerion.png",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnectV2",
|
||||
"native":"zerion:",
|
||||
"universal":""
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"ZERION"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "ZERION",
|
||||
"imageName": "zerion.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66",
|
||||
"name":"TokenPocket",
|
||||
"description":"",
|
||||
"homepage":"https://tokenpocket.pro/",
|
||||
"chains":[
|
||||
"eip155:1"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/us/app/tokenpocket-trusted-wallet/id1436028697",
|
||||
"android":"https://play.google.com/store/apps/details?id=vip.mytokenpocket",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"tpoutside:",
|
||||
"universal":""
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"TokenPocket",
|
||||
"colors":{
|
||||
"primary":"rgb(41, 128, 254)",
|
||||
"secondary":""
|
||||
"id": "20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66",
|
||||
"name": "TokenPocket",
|
||||
"description": "",
|
||||
"homepage": "https://tokenpocket.pro/",
|
||||
"chains": [
|
||||
"eip155:1"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://apps.apple.com/us/app/tokenpocket-trusted-wallet/id1436028697",
|
||||
"android": "https://play.google.com/store/apps/details?id=vip.mytokenpocket",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "tpoutside:",
|
||||
"universal": ""
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "TokenPocket",
|
||||
"colors": {
|
||||
"primary": "rgb(41, 128, 254)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "TokenPocket",
|
||||
"iosMinVersion": "0",
|
||||
"imageUrl": "",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletConnectV2",
|
||||
"native": "tpoutside:",
|
||||
"universal": ""
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"TokenPocket",
|
||||
"iosMinVersion":"0",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/tokenpocket.png",
|
||||
"image":"tokenpocket.png",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnect",
|
||||
"native":"tpoutside:",
|
||||
"universal":""
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"TOKEN_POCKET"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "TOKEN_POCKET",
|
||||
"imageName": "tokenpocket.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369",
|
||||
"name":"Rainbow",
|
||||
"description":"",
|
||||
"homepage":"https://rainbow.me/",
|
||||
"chains":[
|
||||
"eip155:1"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/us/app/rainbow-ethereum-wallet/id1457119021",
|
||||
"android":"",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"rainbow:",
|
||||
"universal":"https://rnbwapp.com"
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"Rainbow",
|
||||
"colors":{
|
||||
"primary":"rgb(0, 30, 89)",
|
||||
"secondary":""
|
||||
"id": "1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369",
|
||||
"name": "Rainbow",
|
||||
"description": "",
|
||||
"homepage": "https://rainbow.me/",
|
||||
"chains": [
|
||||
"eip155:1"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://apps.apple.com/us/app/rainbow-ethereum-wallet/id1457119021",
|
||||
"android": "",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "rainbow:",
|
||||
"universal": "https://rnbwapp.com"
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "Rainbow",
|
||||
"colors": {
|
||||
"primary": "rgb(0, 30, 89)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "Rainbow",
|
||||
"iosMinVersion": "0",
|
||||
"encoding": "=\"#%/<>?@\\^`{|}:&",
|
||||
"backlinked": true,
|
||||
"imageUrl": "",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletConnectV2",
|
||||
"native": "rainbow:",
|
||||
"universal": "https://rnbwapp.com"
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"Rainbow",
|
||||
"iosMinVersion":"0",
|
||||
"encoding":"=\"#%/<>?@\\^`{|}:&",
|
||||
"backlinked":true,
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/rainbow-wallet.png",
|
||||
"image":"rainbow-wallet.png",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnectV2",
|
||||
"native":"rainbow:",
|
||||
"universal":"https://rnbwapp.com"
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"RAINBOW_WALLET"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "RAINBOW_WALLET",
|
||||
"imageName": "rainbow-wallet.png"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"09102e7bbbd3f92001eda104abe23803181629f695e8f1b95af96d88ff7d5890",
|
||||
"name":"1inch Wallet",
|
||||
"description":"",
|
||||
"homepage":"https://1inch.io/wallet/",
|
||||
"chains":[
|
||||
"eip155:1",
|
||||
"eip155:56"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/us/app/1inch-defi-wallet/id1546049391",
|
||||
"android":"",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"oneinch:",
|
||||
"universal":"https://wallet.1inch.io"
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"1inch",
|
||||
"colors":{
|
||||
"primary":"rgb(31, 36, 46)",
|
||||
"secondary":""
|
||||
"id": "09102e7bbbd3f92001eda104abe23803181629f695e8f1b95af96d88ff7d5890",
|
||||
"name": "1inch Wallet",
|
||||
"description": "",
|
||||
"homepage": "https://1inch.io/wallet/",
|
||||
"chains": [
|
||||
"eip155:1",
|
||||
"eip155:56"
|
||||
],
|
||||
"versions": [
|
||||
"1"
|
||||
],
|
||||
"app": {
|
||||
"browser": "",
|
||||
"ios": "https://apps.apple.com/us/app/1inch-defi-wallet/id1546049391",
|
||||
"android": "",
|
||||
"mac": "",
|
||||
"windows": "",
|
||||
"linux": ""
|
||||
},
|
||||
"mobile": {
|
||||
"native": "oneinch:",
|
||||
"universal": "https://wallet.1inch.io"
|
||||
},
|
||||
"desktop": {
|
||||
"native": "",
|
||||
"universal": ""
|
||||
},
|
||||
"metadata": {
|
||||
"shortName": "1inch",
|
||||
"colors": {
|
||||
"primary": "rgb(31, 36, 46)",
|
||||
"secondary": ""
|
||||
}
|
||||
},
|
||||
"config": {
|
||||
"comment": "1inch",
|
||||
"iosMinVersion": "0",
|
||||
"encoding": "=\"#%/<>?@\\^`{|}:&",
|
||||
"imageUrl": "",
|
||||
"connections": [
|
||||
{
|
||||
"type": "walletConnectV2",
|
||||
"native": "oneinch:",
|
||||
"universal": "https://wallet.1inch.io"
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"1inch",
|
||||
"iosMinVersion":"0",
|
||||
"encoding":"=\"#%/<>?@\\^`{|}:&",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/1inch.png",
|
||||
"image":"1inch.png",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnect",
|
||||
"native":"oneinch:",
|
||||
"universal":"https://wallet.1inch.io"
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"1INCH"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id":"bae74827272509a6d63ea25514d9c68ad235c14e45e183518c7ded4572a1b0c4",
|
||||
"name":"Huobi Wallet",
|
||||
"description":"",
|
||||
"homepage":"https://huobiwallet.com/",
|
||||
"chains":[
|
||||
"eip155:1"
|
||||
],
|
||||
"versions":[
|
||||
"1"
|
||||
],
|
||||
"app":{
|
||||
"browser":"",
|
||||
"ios":"https://apps.apple.com/us/app/id1433883012",
|
||||
"android":"https://play.google.com/store/apps/details?id=com.huobionchainwallet.gp",
|
||||
"mac":"",
|
||||
"windows":"",
|
||||
"linux":""
|
||||
},
|
||||
"mobile":{
|
||||
"native":"huobiwallet:",
|
||||
"universal":""
|
||||
},
|
||||
"desktop":{
|
||||
"native":"",
|
||||
"universal":""
|
||||
},
|
||||
"metadata":{
|
||||
"shortName":"Huobi",
|
||||
"colors":{
|
||||
"primary":"rgb(45,101,248)",
|
||||
"secondary":""
|
||||
}
|
||||
},
|
||||
"config":{
|
||||
"comment":"Huobi",
|
||||
"iosMinVersion":"0",
|
||||
"encoding":"=\"#%/<>?@\\^`{|}:&",
|
||||
"imageUrl":"https://v4.testnet.dydx.exchange/wallets/huobi-wallet.png",
|
||||
"image":"huobi-wallet.png",
|
||||
"connections":[
|
||||
{
|
||||
"type":"walletConnect",
|
||||
"native":"huobiwallet:",
|
||||
"universal":""
|
||||
}
|
||||
]
|
||||
},
|
||||
"userFields":{
|
||||
"analyticEvent":"HUOBI_WALLET"
|
||||
}
|
||||
],
|
||||
"methods": [
|
||||
"eth_sendTransaction",
|
||||
"personal_sign",
|
||||
"eth_signTypedData"
|
||||
]
|
||||
},
|
||||
"userFields": {
|
||||
"analyticEvent": "1INCH",
|
||||
"imageName": "1inch.png"
|
||||
}
|
||||
}
|
||||
]
|
||||
]
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.2 MiB |
@@ -14,6 +14,7 @@ import { DialogAreaProvider, useDialogArea } from '@/hooks/useDialogArea';
|
||||
import { LocaleProvider } from '@/hooks/useLocaleSeparators';
|
||||
import { NotificationsProvider } from '@/hooks/useNotifications';
|
||||
import { LocalNotificationsProvider } from '@/hooks/useLocalNotifications';
|
||||
import { RestrictionProvider } from '@/hooks/useRestrictions';
|
||||
import { SubaccountProvider } from '@/hooks/useSubaccount';
|
||||
import { SquidProvider } from '@/hooks/useSquid';
|
||||
|
||||
@@ -66,6 +67,7 @@ const Content = () => {
|
||||
<Route path=":market" element={<TradePage />} />
|
||||
<Route path={AppRoute.Trade} element={<TradePage />} />
|
||||
</Route>
|
||||
|
||||
<Route path={AppRoute.Markets} element={<MarketsPage />} />
|
||||
<Route path={AppRoute.Rewards} element={<RewardsPage />} />
|
||||
{isTablet && (
|
||||
@@ -79,6 +81,7 @@ const Content = () => {
|
||||
<Route element={<GuardedMobileRoute />}>
|
||||
<Route path={`${AppRoute.Portfolio}/*`} element={<PortfolioPage />} />
|
||||
</Route>
|
||||
|
||||
<Route path="*" element={<Navigate to={DEFAULT_TRADE_ROUTE} replace />} />
|
||||
</Routes>
|
||||
</Suspense>
|
||||
@@ -109,6 +112,7 @@ const providers = [
|
||||
wrapProvider(GrazProvider),
|
||||
wrapProvider(WagmiConfig, { config }),
|
||||
wrapProvider(LocaleProvider),
|
||||
wrapProvider(RestrictionProvider),
|
||||
wrapProvider(DydxProvider),
|
||||
wrapProvider(AccountsProvider),
|
||||
wrapProvider(SubaccountProvider),
|
||||
|
||||
@@ -207,6 +207,16 @@ const InputStyle = css`
|
||||
color: var(--color-text-0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
// Input autofill Styles
|
||||
&:-webkit-autofill,
|
||||
&:-webkit-autofill:focus {
|
||||
transition: background-color 600000s 0s, color 600000s 0s;
|
||||
}
|
||||
|
||||
&[data-autocompleted] {
|
||||
background-color: var(--input-backgroundColor) !important;
|
||||
}
|
||||
`;
|
||||
|
||||
Styled.NumericFormat = styled(NumericFormat)`
|
||||
|
||||
@@ -78,8 +78,13 @@ export const Changes = Abacus.exchange.dydx.abacus.state.changes.Changes;
|
||||
export type PerpetualStateChanges = Abacus.exchange.dydx.abacus.state.changes.StateChanges;
|
||||
export const AsyncAbacusStateManager =
|
||||
Abacus.exchange.dydx.abacus.state.manager.AsyncAbacusStateManager;
|
||||
|
||||
// ------ Parsing Errors ------ //
|
||||
export type ParsingError = Abacus.exchange.dydx.abacus.responses.ParsingError;
|
||||
export type ParsingErrors = kollections.List<ParsingError>;
|
||||
export const ParsingErrorType = Abacus.exchange.dydx.abacus.responses.ParsingErrorType;
|
||||
const parsingErrorTypes = [...ParsingErrorType.values()] as const;
|
||||
export type ParsingErrorTypes = (typeof parsingErrorTypes)[number];
|
||||
|
||||
// ------ Perpetuals/Markets ------ //
|
||||
export type PerpetualState = Abacus.exchange.dydx.abacus.output.PerpetualState;
|
||||
@@ -199,6 +204,12 @@ export type RiskLevels = (typeof riskLevels)[number];
|
||||
// ------ Notifications ------ //
|
||||
export type AbacusNotification = Abacus.exchange.dydx.abacus.output.Notification;
|
||||
|
||||
// ------ Restrictions ------ //
|
||||
export type UsageRestriction = Abacus.exchange.dydx.abacus.output.UsageRestriction;
|
||||
export const RestrictionType = Abacus.exchange.dydx.abacus.output.Restriction;
|
||||
const restrictionTypes = [...RestrictionType.values()] as const;
|
||||
export type RestrictionTypes = (typeof restrictionTypes)[number];
|
||||
|
||||
// ------ Enum Conversions ------ //
|
||||
type IfEquals<X, Y, A, B> = (<T>() => T extends X ? 1 : 2) extends <T>() => T extends Y ? 1 : 2
|
||||
? A
|
||||
|
||||
@@ -10,7 +10,10 @@ export enum DialogTypes {
|
||||
MobileSignIn = 'MobileSignIn',
|
||||
Onboarding = 'Onboarding',
|
||||
OrderDetails = 'OrderDetails',
|
||||
RateLimit = 'RateLimit',
|
||||
Receive = 'Receive',
|
||||
RestrictedGeo = 'RestrictedGeo',
|
||||
RestrictedWallet = 'RestrictedWallet',
|
||||
Trade = 'Trade',
|
||||
Transfer = 'Transfer',
|
||||
Withdraw = 'Withdraw',
|
||||
|
||||
+12
-69
@@ -32,7 +32,6 @@ export enum WalletConnectionType {
|
||||
CoinbaseWalletSdk = 'coinbaseWalletSdk',
|
||||
CosmosSigner = 'CosmosSigner',
|
||||
InjectedEip1193 = 'injectedEip1193',
|
||||
WalletConnect1 = 'walletConnect1',
|
||||
WalletConnect2 = 'walletConnect2',
|
||||
}
|
||||
|
||||
@@ -62,10 +61,6 @@ export const walletConnectionTypes: Record<WalletConnectionType, WalletConnectio
|
||||
name: 'injected EIP-1193 provider',
|
||||
wagmiConnectorId: 'injected',
|
||||
},
|
||||
[WalletConnectionType.WalletConnect1]: {
|
||||
name: 'WalletConnect 1.0',
|
||||
wagmiConnectorId: 'walletConnectLegacy',
|
||||
},
|
||||
[WalletConnectionType.WalletConnect2]: {
|
||||
name: 'WalletConnect 2.0',
|
||||
wagmiConnectorId: 'walletConnect',
|
||||
@@ -92,7 +87,6 @@ export enum WalletType {
|
||||
Rainbow = 'RAINBOW_WALLET',
|
||||
TokenPocket = 'TOKEN_POCKET',
|
||||
TrustWallet = 'TRUST_WALLET',
|
||||
WalletConnect = 'WALLETCONNECT',
|
||||
WalletConnect2 = 'WALLETCONNECT_2',
|
||||
// TestWallet = 'TEST_WALLET',
|
||||
OtherWallet = 'OTHER_WALLET',
|
||||
@@ -104,7 +98,6 @@ type WalletConfig = {
|
||||
icon: string;
|
||||
connectionTypes: WalletConnectionType[];
|
||||
matchesInjectedEip1193?: (provider: ExternalProvider & any) => boolean;
|
||||
walletconnect1Name?: string;
|
||||
walletconnect2Id?: string;
|
||||
};
|
||||
|
||||
@@ -117,7 +110,6 @@ export const wallets: Record<WalletType, WalletConfig> = {
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
// WalletConnectionType.CoinbaseWalletSdk,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
matchesInjectedEip1193: (provider) =>
|
||||
Object.entries(wallets).every(
|
||||
@@ -131,30 +123,23 @@ export const wallets: Record<WalletType, WalletConfig> = {
|
||||
type: WalletType.BitKeep,
|
||||
stringKey: STRING_KEYS.BITKEEP,
|
||||
icon: BitkeepIcon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: (provider) => provider.isBitKeep, // isBitKeepChrome, isBitEthereum
|
||||
walletconnect1Name: 'bitkeep',
|
||||
walletconnect2Id: '38f5d18bd8522c244bdd70cb4a68e0e718865155811c043f052fb9f1c51de662',
|
||||
},
|
||||
[WalletType.BitPie]: {
|
||||
type: WalletType.BitPie,
|
||||
stringKey: STRING_KEYS.BITPIE,
|
||||
icon: BitpieIcon,
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect1],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193],
|
||||
matchesInjectedEip1193: (provider) => provider.isBitpie,
|
||||
walletconnect1Name: 'bitpie',
|
||||
},
|
||||
[WalletType.CloverWallet]: {
|
||||
type: WalletType.CloverWallet,
|
||||
stringKey: STRING_KEYS.CLOVER_WALLET,
|
||||
icon: CloverWalletIcon,
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect1],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193],
|
||||
matchesInjectedEip1193: (provider) => provider.isClover,
|
||||
// walletconnect1Name: 'clover',
|
||||
},
|
||||
[WalletType.CoinbaseWallet]: {
|
||||
type: WalletType.CoinbaseWallet,
|
||||
@@ -163,33 +148,23 @@ export const wallets: Record<WalletType, WalletConfig> = {
|
||||
connectionTypes: [
|
||||
WalletConnectionType.CoinbaseWalletSdk,
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
],
|
||||
matchesInjectedEip1193: (provider) => provider.isCoinbaseWallet, // provider.selectedProvider?.isCoinbaseWallet,
|
||||
walletconnect1Name: 'coinbase',
|
||||
},
|
||||
[WalletType.Coin98]: {
|
||||
type: WalletType.Coin98,
|
||||
stringKey: STRING_KEYS.COIN98,
|
||||
icon: Coin98Icon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: (provider) => provider.isCoin98,
|
||||
walletconnect1Name: 'coin98',
|
||||
walletconnect2Id: '2a3c89040ac3b723a1972a33a125b1db11e258a6975d3a61252cd64e6ea5ea01',
|
||||
},
|
||||
[WalletType.HuobiWallet]: {
|
||||
type: WalletType.HuobiWallet,
|
||||
stringKey: STRING_KEYS.HUOBI_WALLET,
|
||||
icon: HuobiIcon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: (provider) => provider.isHbWallet,
|
||||
walletconnect2Id: '797c615e2c556b610c048eb35535f212c0dd58de5d03e763120e90a7d1350a77',
|
||||
},
|
||||
@@ -197,74 +172,48 @@ export const wallets: Record<WalletType, WalletConfig> = {
|
||||
type: WalletType.ImToken,
|
||||
stringKey: STRING_KEYS.IMTOKEN,
|
||||
icon: ImTokenIcon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: (provider) => provider.isImToken,
|
||||
walletconnect1Name: 'imtoken',
|
||||
walletconnect2Id: 'ef333840daf915aafdc4a004525502d6d49d77bd9c65e0642dbaefb3c2893bef',
|
||||
},
|
||||
[WalletType.MathWallet]: {
|
||||
type: WalletType.MathWallet,
|
||||
stringKey: STRING_KEYS.MATH_WALLET,
|
||||
icon: MathWalletIcon,
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect1],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193],
|
||||
matchesInjectedEip1193: (provider) => provider.isMathWallet,
|
||||
walletconnect1Name: 'math',
|
||||
walletconnect2Id: '7674bb4e353bf52886768a3ddc2a4562ce2f4191c80831291218ebd90f5f5e26',
|
||||
},
|
||||
[WalletType.MetaMask]: {
|
||||
type: WalletType.MetaMask,
|
||||
stringKey: STRING_KEYS.METAMASK,
|
||||
icon: MetaMaskIcon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: isMetaMask,
|
||||
walletconnect1Name: 'metamask',
|
||||
walletconnect2Id: 'c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96',
|
||||
},
|
||||
[WalletType.Rainbow]: {
|
||||
type: WalletType.Rainbow,
|
||||
stringKey: STRING_KEYS.RAINBOW_WALLET,
|
||||
icon: RainbowIcon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: (provider) => provider.isRainbowWallet,
|
||||
walletconnect1Name: 'rainbow',
|
||||
walletconnect2Id: '1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369',
|
||||
},
|
||||
[WalletType.TokenPocket]: {
|
||||
type: WalletType.TokenPocket,
|
||||
stringKey: STRING_KEYS.TOKEN_POCKET,
|
||||
icon: TokenPocketIcon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: (provider) => provider.isTokenPocket,
|
||||
walletconnect1Name: 'tokenpocket',
|
||||
walletconnect2Id: '20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66',
|
||||
},
|
||||
[WalletType.TrustWallet]: {
|
||||
type: WalletType.TrustWallet,
|
||||
stringKey: STRING_KEYS.TRUST_WALLET,
|
||||
icon: TrustWalletIcon,
|
||||
connectionTypes: [
|
||||
WalletConnectionType.InjectedEip1193,
|
||||
WalletConnectionType.WalletConnect2,
|
||||
WalletConnectionType.WalletConnect1,
|
||||
],
|
||||
connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
|
||||
matchesInjectedEip1193: (provider) => provider.isTrust,
|
||||
walletconnect1Name: 'trust',
|
||||
walletconnect2Id: '4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0',
|
||||
},
|
||||
[WalletType.WalletConnect2]: {
|
||||
@@ -273,12 +222,6 @@ export const wallets: Record<WalletType, WalletConfig> = {
|
||||
icon: WalletConnectIcon,
|
||||
connectionTypes: [WalletConnectionType.WalletConnect2],
|
||||
},
|
||||
[WalletType.WalletConnect]: {
|
||||
type: WalletType.WalletConnect,
|
||||
stringKey: STRING_KEYS.WALLET_CONNECT,
|
||||
icon: WalletConnectIcon,
|
||||
connectionTypes: [WalletConnectionType.WalletConnect1],
|
||||
},
|
||||
[WalletType.Keplr]: {
|
||||
type: WalletType.Keplr,
|
||||
stringKey: STRING_KEYS.KEPLR,
|
||||
|
||||
@@ -16,6 +16,7 @@ import { useLocalStorage } from './useLocalStorage';
|
||||
import { useNow } from './useNow';
|
||||
import { useOnClickOutside } from './useOnClickOutside';
|
||||
import { usePageTitlePriceUpdates } from './usePageTitlePriceUpdates';
|
||||
import { useRestrictions } from './useRestrictions';
|
||||
import { useShouldShowFooter } from './useShouldShowFooter';
|
||||
import { useSelectedNetwork } from './useSelectedNetwork';
|
||||
import { useStringGetter } from './useStringGetter';
|
||||
@@ -40,6 +41,7 @@ export {
|
||||
useNow,
|
||||
useOnClickOutside,
|
||||
usePageTitlePriceUpdates,
|
||||
useRestrictions,
|
||||
useShouldShowFooter,
|
||||
useSelectedNetwork,
|
||||
useStringGetter,
|
||||
|
||||
@@ -5,18 +5,20 @@ import { AES, enc } from 'crypto-js';
|
||||
import { LocalWallet, USDC_DENOM, type Subaccount } from '@dydxprotocol/v4-client-js';
|
||||
|
||||
import { OnboardingGuard, OnboardingState, type EvmDerivedAddresses } from '@/constants/account';
|
||||
import { DialogTypes } from '@/constants/dialogs';
|
||||
import { LocalStorageKey, LOCAL_STORAGE_VERSIONS } from '@/constants/localStorage';
|
||||
import { DydxAddress, EvmAddress, PrivateInformation } from '@/constants/wallets';
|
||||
|
||||
import { setOnboardingState, setOnboardingGuard } from '@/state/account';
|
||||
import { forceOpenDialog } from '@/state/dialogs';
|
||||
|
||||
import abacusStateManager from '@/lib/abacus';
|
||||
import { log } from '@/lib/telemetry';
|
||||
|
||||
import { useLocalStorage } from './useLocalStorage';
|
||||
|
||||
import { useWalletConnection } from './useWalletConnection';
|
||||
import { useDydxClient } from './useDydxClient';
|
||||
import { useLocalStorage } from './useLocalStorage';
|
||||
import { useRestrictions } from './useRestrictions';
|
||||
import { useWalletConnection } from './useWalletConnection';
|
||||
|
||||
const AccountsContext = createContext<ReturnType<typeof useAccountsContext> | undefined>(undefined);
|
||||
|
||||
@@ -57,7 +59,9 @@ const useAccountsContext = () => {
|
||||
forgetEvmSignature(previousEvmAddress);
|
||||
}
|
||||
|
||||
if (evmAddress) abacusStateManager.setTransfersSourceAddress(evmAddress);
|
||||
if (evmAddress) {
|
||||
abacusStateManager.setTransfersSourceAddress(evmAddress);
|
||||
}
|
||||
|
||||
setPreviousEvmAddress(evmAddress);
|
||||
}, [evmAddress]);
|
||||
@@ -217,7 +221,6 @@ const useAccountsContext = () => {
|
||||
}, [evmAddress, evmDerivedAddresses, signerWagmi, connectedDydxAddress, signerGraz]);
|
||||
|
||||
// abacus
|
||||
// TODO: useAbacus({ dydxAddress })
|
||||
useEffect(() => {
|
||||
if (dydxAddress) abacusStateManager.setAccount(localDydxWallet);
|
||||
else abacusStateManager.attemptDisconnectAccount();
|
||||
@@ -258,6 +261,21 @@ const useAccountsContext = () => {
|
||||
);
|
||||
}, [dydxSubaccounts]);
|
||||
|
||||
// Restrictions
|
||||
const { isBadActor, sanctionedAddresses } = useRestrictions();
|
||||
|
||||
useEffect(() => {
|
||||
if (
|
||||
dydxAddress &&
|
||||
(isBadActor ||
|
||||
sanctionedAddresses.has(dydxAddress) ||
|
||||
(evmAddress && sanctionedAddresses.has(evmAddress)))
|
||||
) {
|
||||
dispatch(forceOpenDialog({ type: DialogTypes.RestrictedWallet }));
|
||||
disconnect();
|
||||
}
|
||||
}, [isBadActor, evmAddress, dydxAddress, sanctionedAddresses]);
|
||||
|
||||
// Disconnect wallet / accounts
|
||||
const disconnectLocalDydxWallet = () => {
|
||||
setLocalDydxWallet(undefined);
|
||||
|
||||
@@ -2,27 +2,23 @@ import { WalletType } from '@/constants/wallets';
|
||||
|
||||
import { isTruthy } from '@/lib/isTruthy';
|
||||
|
||||
import { useSelectedNetwork } from './useSelectedNetwork';
|
||||
|
||||
export const useDisplayedWallets = () => {
|
||||
const { selectedNetwork } = useSelectedNetwork();
|
||||
|
||||
return [
|
||||
WalletType.MetaMask,
|
||||
|
||||
import.meta.env.MODE !== 'production' && WalletType.Keplr,
|
||||
|
||||
WalletType.WalletConnect2,
|
||||
WalletType.WalletConnect,
|
||||
|
||||
|
||||
WalletType.CoinbaseWallet,
|
||||
|
||||
WalletType.ImToken,
|
||||
WalletType.Rainbow,
|
||||
WalletType.TrustWallet,
|
||||
WalletType.HuobiWallet,
|
||||
WalletType.BitKeep,
|
||||
WalletType.Coin98,
|
||||
|
||||
// Hide these wallet options until they can be properly tested on mainnet
|
||||
// WalletType.ImToken,
|
||||
// WalletType.Rainbow,
|
||||
// WalletType.TrustWallet,
|
||||
// WalletType.HuobiWallet,
|
||||
// WalletType.BitKeep,
|
||||
// WalletType.Coin98,
|
||||
|
||||
WalletType.OtherWallet,
|
||||
].filter(isTruthy);
|
||||
|
||||
@@ -17,8 +17,11 @@ import type { NetworkConfig, ConnectNetworkEvent } from '@/constants/abacus';
|
||||
import { type Candle, RESOLUTION_MAP } from '@/constants/candles';
|
||||
|
||||
import { getSelectedNetwork } from '@/state/appSelectors';
|
||||
|
||||
import { log } from '@/lib/telemetry';
|
||||
|
||||
import { useRestrictions } from './useRestrictions';
|
||||
|
||||
type DydxContextType = ReturnType<typeof useDydxClientContext>;
|
||||
const DydxContext = createContext<DydxContextType>({} as DydxContextType);
|
||||
DydxContext.displayName = 'dYdXClient';
|
||||
@@ -178,7 +181,27 @@ const useDydxClientContext = () => {
|
||||
[requestCandles]
|
||||
);
|
||||
|
||||
// ------ Subacount Methods ------ //
|
||||
const { updateSanctionedAddresses } = useRestrictions();
|
||||
|
||||
const screenAddresses = useCallback(
|
||||
async ({ addresses }: { addresses: string[] }) => {
|
||||
if (compositeClient) {
|
||||
const promises = addresses.map((address) =>
|
||||
compositeClient.indexerClient.utility.screen(address)
|
||||
);
|
||||
|
||||
const results = await Promise.all(promises);
|
||||
|
||||
const screenedAddresses = Object.fromEntries(
|
||||
addresses.map((address, index) => [address, results[index]?.restricted])
|
||||
);
|
||||
|
||||
updateSanctionedAddresses(screenedAddresses);
|
||||
return screenedAddresses;
|
||||
}
|
||||
},
|
||||
[compositeClient]
|
||||
);
|
||||
|
||||
return {
|
||||
// Client initialization
|
||||
@@ -192,5 +215,6 @@ const useDydxClientContext = () => {
|
||||
|
||||
// Public Methods
|
||||
getCandlesForDatafeed,
|
||||
screenAddresses,
|
||||
};
|
||||
};
|
||||
|
||||
@@ -10,6 +10,7 @@ import { useLocalStorage } from '@/hooks';
|
||||
import { initializeLocalization } from '@/state/app';
|
||||
|
||||
import abacusStateManager from '@/lib/abacus';
|
||||
import { validateAgainstAvailableEnvironments } from '@/lib/network';
|
||||
|
||||
export const useInitializePage = () => {
|
||||
const dispatch = useDispatch();
|
||||
@@ -18,6 +19,7 @@ export const useInitializePage = () => {
|
||||
const [localStorageNetwork] = useLocalStorage<DydxNetwork>({
|
||||
key: LocalStorageKey.SelectedNetwork,
|
||||
defaultValue: DEFAULT_APP_ENVIRONMENT,
|
||||
validateFn: validateAgainstAvailableEnvironments,
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
|
||||
import { shallowEqual, useDispatch, useSelector } from 'react-redux';
|
||||
|
||||
import { RestrictionType } from '@/constants/abacus';
|
||||
import { DialogTypes } from '@/constants/dialogs';
|
||||
|
||||
import { getRestrictionType } from '@/state/accountSelectors';
|
||||
import { forceOpenDialog } from '@/state/dialogs';
|
||||
import { isTruthy } from '@/lib/isTruthy';
|
||||
|
||||
const useRestrictionContext = () => {
|
||||
const dispatch = useDispatch();
|
||||
const restrictionType = useSelector(getRestrictionType, shallowEqual);
|
||||
const [sanctionedAddresses, setSanctionedAddresses] = useState<string[]>([]);
|
||||
|
||||
useEffect(() => {
|
||||
if (restrictionType === RestrictionType.GEO_RESTRICTED) {
|
||||
dispatch(
|
||||
forceOpenDialog({ type: DialogTypes.RestrictedGeo, dialogProps: { preventClose: true } })
|
||||
);
|
||||
}
|
||||
}, [restrictionType, dispatch]);
|
||||
|
||||
const updateSanctionedAddresses = useCallback(
|
||||
(screenedAddresses: { [address: string]: boolean }) => {
|
||||
const toAdd = Object.entries(screenedAddresses)
|
||||
.filter(([, isSanctioned]) => isSanctioned)
|
||||
.map(([address]) => address);
|
||||
|
||||
if (toAdd.length) {
|
||||
setSanctionedAddresses([...sanctionedAddresses, ...toAdd]);
|
||||
}
|
||||
},
|
||||
[sanctionedAddresses]
|
||||
);
|
||||
|
||||
return {
|
||||
isBadActor: restrictionType === RestrictionType.USER_RESTRICTED,
|
||||
isGeoRestricted: restrictionType === RestrictionType.GEO_RESTRICTED,
|
||||
updateSanctionedAddresses,
|
||||
sanctionedAddresses: useMemo(() => new Set(sanctionedAddresses), [sanctionedAddresses]),
|
||||
};
|
||||
};
|
||||
|
||||
type RestrictionContextType = ReturnType<typeof useRestrictionContext>;
|
||||
const RestrictionContext = createContext<RestrictionContextType>({} as RestrictionContextType);
|
||||
RestrictionContext.displayName = 'Restriction';
|
||||
|
||||
export const RestrictionProvider = ({ ...props }) => (
|
||||
<RestrictionContext.Provider value={useRestrictionContext()} {...props} />
|
||||
);
|
||||
|
||||
export const useRestrictions = () => useContext(RestrictionContext);
|
||||
@@ -1,13 +1,17 @@
|
||||
import { useCallback } from 'react';
|
||||
import { useCallback, useEffect } from 'react';
|
||||
import { useDispatch, useSelector } from 'react-redux';
|
||||
|
||||
import { DialogTypes } from '@/constants/dialogs';
|
||||
import { LocalStorageKey } from '@/constants/localStorage';
|
||||
import { DEFAULT_APP_ENVIRONMENT, DydxNetwork } from '@/constants/networks';
|
||||
import { DEFAULT_APP_ENVIRONMENT, DydxNetwork, ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||
|
||||
import { useAccounts, useLocalStorage } from '@/hooks';
|
||||
|
||||
import { setSelectedNetwork } from '@/state/app';
|
||||
import { getSelectedNetwork } from '@/state/appSelectors';
|
||||
import { openDialog } from '@/state/dialogs';
|
||||
|
||||
import { validateAgainstAvailableEnvironments } from '@/lib/network';
|
||||
|
||||
export const useSelectedNetwork = (): {
|
||||
switchNetwork: (network: DydxNetwork) => void;
|
||||
@@ -20,8 +24,20 @@ export const useSelectedNetwork = (): {
|
||||
const [, setLocalStorageNetwork] = useLocalStorage<DydxNetwork>({
|
||||
key: LocalStorageKey.SelectedNetwork,
|
||||
defaultValue: DEFAULT_APP_ENVIRONMENT,
|
||||
validateFn: validateAgainstAvailableEnvironments,
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
if (
|
||||
import.meta.env.MODE === 'production' &&
|
||||
ENVIRONMENT_CONFIG_MAP[selectedNetwork].dydxChainId === 'dydx-testnet-3'
|
||||
) {
|
||||
dispatch(
|
||||
openDialog({ type: DialogTypes.ExchangeOffline, dialogProps: { preventClose: true } })
|
||||
);
|
||||
}
|
||||
}, [selectedNetwork]);
|
||||
|
||||
const switchNetwork = useCallback(
|
||||
(network: DydxNetwork) => {
|
||||
disconnect();
|
||||
|
||||
@@ -36,7 +36,6 @@ import { log } from '@/lib/telemetry';
|
||||
import { useAccounts } from './useAccounts';
|
||||
import { useDydxClient } from './useDydxClient';
|
||||
|
||||
|
||||
type SubaccountContextType = ReturnType<typeof useSubaccountContext>;
|
||||
const SubaccountContext = createContext<SubaccountContextType>({} as SubaccountContextType);
|
||||
SubaccountContext.displayName = 'Subaccount';
|
||||
@@ -275,6 +274,7 @@ export const useSubaccountContext = ({ localDydxWallet }: { localDydxWallet?: Lo
|
||||
await getFaucetFunds({ dydxAddress, subaccountNumber });
|
||||
} catch (error) {
|
||||
log('useSubaccount/getFaucetFunds', error);
|
||||
throw error;
|
||||
}
|
||||
}, [dydxAddress, getFaucetFunds, subaccountNumber]);
|
||||
|
||||
|
||||
@@ -15,9 +15,12 @@ import { ExternalNavKeplrDialog } from '@/views/dialogs/ExternalNavKeplrDialog';
|
||||
import { MnemonicExportDialog } from '@/views/dialogs/MnemonicExportDialog';
|
||||
import { MobileSignInDialog } from '@/views/dialogs/MobileSignInDialog';
|
||||
import { OnboardingDialog } from '@/views/dialogs/OnboardingDialog';
|
||||
import { RateLimitDialog } from '@/views/dialogs/RateLimitDialog';
|
||||
import { ReceiveDialog } from '@/views/dialogs/ReceiveDialog';
|
||||
import { RestrictedGeoDialog } from '@/views/dialogs/RestrictedGeoDialog';
|
||||
import { TradeDialog } from '@/views/dialogs/TradeDialog';
|
||||
import { TransferDialog } from '@/views/dialogs/TransferDialog';
|
||||
import { RestrictedWalletDialog } from '@/views/dialogs/RestrictedWalletDialog';
|
||||
import { WithdrawDialog } from '@/views/dialogs/WithdrawDialog';
|
||||
|
||||
import { OrderDetailsDialog } from '@/views/dialogs/DetailsDialog/OrderDetailsDialog';
|
||||
@@ -53,7 +56,10 @@ export const DialogManager = () => {
|
||||
[DialogTypes.MobileSignIn]: <MobileSignInDialog {...modalProps} />,
|
||||
[DialogTypes.Onboarding]: <OnboardingDialog {...modalProps} />,
|
||||
[DialogTypes.OrderDetails]: <OrderDetailsDialog {...modalProps} />,
|
||||
[DialogTypes.RateLimit]: <RateLimitDialog {...modalProps} />,
|
||||
[DialogTypes.Receive]: <ReceiveDialog {...modalProps} />,
|
||||
[DialogTypes.RestrictedGeo]: <RestrictedGeoDialog {...modalProps} />,
|
||||
[DialogTypes.RestrictedWallet]: <RestrictedWalletDialog {...modalProps} />,
|
||||
[DialogTypes.Trade]: <TradeDialog {...modalProps} />,
|
||||
[DialogTypes.Transfer]: <TransferDialog {...modalProps} />,
|
||||
[DialogTypes.Withdraw]: <WithdrawDialog {...modalProps} />,
|
||||
|
||||
@@ -47,6 +47,11 @@ class AbacusRest implements AbacusRestProtocol {
|
||||
body,
|
||||
};
|
||||
|
||||
if (!url) {
|
||||
callback(null, 0);
|
||||
return;
|
||||
}
|
||||
|
||||
fetch(url, options)
|
||||
.then(async (response) => {
|
||||
const data = await response.text();
|
||||
|
||||
@@ -25,6 +25,7 @@ import {
|
||||
setFundingPayments,
|
||||
setHistoricalPnl,
|
||||
setLatestOrder,
|
||||
setRestrictionType,
|
||||
setSubaccount,
|
||||
setTransfers,
|
||||
setWallet,
|
||||
@@ -121,6 +122,10 @@ class AbacusStateNotifier implements AbacusStateNotificationProtocol {
|
||||
);
|
||||
}
|
||||
|
||||
if (changes.has(Changes.restriction)) {
|
||||
dispatch(setRestrictionType(updatedState.restriction));
|
||||
}
|
||||
|
||||
subaccountNumbers?.forEach((subaccountId: number) => {
|
||||
if (subaccountId !== null) {
|
||||
if (changes.has(Changes.subaccount)) {
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
import { type DydxNetwork, ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||
|
||||
export const validateAgainstAvailableEnvironments = (value: DydxNetwork) =>
|
||||
Object.keys(ENVIRONMENT_CONFIG_MAP).includes(value);
|
||||
+2
-28
@@ -87,24 +87,15 @@ const injectedConnectorOptions = {
|
||||
},
|
||||
};
|
||||
|
||||
const walletconnect1ConnectorOptions = {
|
||||
chains,
|
||||
options: {
|
||||
bridge: import.meta.env.VITE_WALLETCONNECT1_BRIDGE,
|
||||
qrcode: true,
|
||||
},
|
||||
};
|
||||
|
||||
const walletconnect2ConnectorOptions: ConstructorParameters<typeof WalletConnectConnector>[0] = {
|
||||
chains,
|
||||
options: {
|
||||
projectId: import.meta.env.VITE_WALLETCONNECT2_PROJECT_ID,
|
||||
metadata: {
|
||||
// TODO: update to local URLs/images
|
||||
name: 'dYdX',
|
||||
description: '',
|
||||
url: 'https://trade.dydx.exchange',
|
||||
icons: ['https://trade.dydx.exchange/cbw-image.png'],
|
||||
url: import.meta.env.VITE_BASE_URL,
|
||||
icons: [`${import.meta.env.VITE_BASE_URL}/cbw-image.png}`],
|
||||
},
|
||||
showQrModal: true,
|
||||
qrModalOptions: {
|
||||
@@ -143,7 +134,6 @@ const connectors = [
|
||||
reloadOnDisconnect: false,
|
||||
},
|
||||
}),
|
||||
new WalletConnectLegacyConnector(walletconnect1ConnectorOptions),
|
||||
new WalletConnectConnector(walletconnect2ConnectorOptions),
|
||||
new InjectedConnector(injectedConnectorOptions),
|
||||
];
|
||||
@@ -166,19 +156,6 @@ const createInjectedConnectorWithProvider = (provider: ExternalProvider) =>
|
||||
provider as unknown as Awaited<ReturnType<InjectedConnector['getProvider']>>;
|
||||
})(injectedConnectorOptions) as InjectedConnector;
|
||||
|
||||
// Create a custom wagmi WalletConnectLegacyConnector with a modal showing only wallet links matching the given name
|
||||
const createWalletConnect1ConnectorWithName = (walletconnect1Name: string) =>
|
||||
new WalletConnectLegacyConnector({
|
||||
...walletconnect1ConnectorOptions,
|
||||
options: {
|
||||
...walletconnect1ConnectorOptions.options,
|
||||
qrcodeModalOptions: {
|
||||
desktopLinks: [walletconnect1Name],
|
||||
mobileLinks: [walletconnect1Name],
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const createWalletConnect2ConnectorWithId = (walletconnect2Id: string) =>
|
||||
new WalletConnectConnector({
|
||||
...walletconnect2ConnectorOptions,
|
||||
@@ -214,9 +191,6 @@ export const resolveWagmiConnector = ({
|
||||
|
||||
return walletConnection.type === WalletConnectionType.InjectedEip1193 && walletConnection.provider
|
||||
? createInjectedConnectorWithProvider(walletConnection.provider)
|
||||
: walletConnection.type === WalletConnectionType.WalletConnect1 &&
|
||||
walletConfig.walletconnect1Name
|
||||
? createWalletConnect1ConnectorWithName(walletConfig.walletconnect1Name)
|
||||
: walletConnection.type === WalletConnectionType.WalletConnect2 && walletConfig.walletconnect2Id
|
||||
? createWalletConnect2ConnectorWithId(walletConfig.walletconnect2Id)
|
||||
: connectors.find(({ id }: { id: string }) => id === walletConnectionConfig.wagmiConnectorId);
|
||||
|
||||
@@ -45,12 +45,6 @@ export const getWalletConnection = ({
|
||||
break;
|
||||
}
|
||||
|
||||
case WalletConnectionType.WalletConnect1: {
|
||||
return {
|
||||
type: WalletConnectionType.WalletConnect1,
|
||||
};
|
||||
}
|
||||
|
||||
case WalletConnectionType.WalletConnect2: {
|
||||
return {
|
||||
type: WalletConnectionType.WalletConnect2,
|
||||
|
||||
@@ -2,6 +2,7 @@ import { useMemo, useState } from 'react';
|
||||
import styled, { AnyStyledComponent, css } from 'styled-components';
|
||||
import { shallowEqual, useSelector } from 'react-redux';
|
||||
import { TooltipContextType } from '@visx/xychart';
|
||||
import BigNumber from 'bignumber.js';
|
||||
|
||||
import type { Nullable } from '@/constants/abacus';
|
||||
import { OnboardingState } from '@/constants/account';
|
||||
@@ -25,7 +26,6 @@ import { OnboardingTriggerButton } from '@/views/dialogs/OnboardingTriggerButton
|
||||
import { isTruthy } from '@/lib/isTruthy';
|
||||
import { MustBigNumber } from '@/lib/numbers';
|
||||
|
||||
|
||||
export const usePortfolioValues = ({
|
||||
equity,
|
||||
visibleData,
|
||||
@@ -140,7 +140,12 @@ export const AccountDetailsAndHistory = () => {
|
||||
<Styled.AccountValue>
|
||||
<Styled.WithLabel label={accountValueLabel}>
|
||||
<Styled.AccountEquity>
|
||||
<Output type={OutputType.Fiat} value={accountEquity} withBaseFont />
|
||||
<Output
|
||||
type={OutputType.Fiat}
|
||||
value={accountEquity}
|
||||
roundingMode={BigNumber.ROUND_FLOOR}
|
||||
withBaseFont
|
||||
/>
|
||||
</Styled.AccountEquity>
|
||||
<Styled.PnlDiff isPositive={MustBigNumber(pnlDiff).gte(0)}>
|
||||
{pnlDiff && <TriangleIndicator value={MustBigNumber(pnlDiff)} />}
|
||||
|
||||
@@ -3,7 +3,6 @@ import { configureStore } from '@reduxjs/toolkit';
|
||||
import abacusStateManager from '@/lib/abacus';
|
||||
import appMiddleware from './appMiddleware';
|
||||
import localizationMiddleware from './localizationMiddleware';
|
||||
import routerMiddleware from './routerMiddleware';
|
||||
|
||||
import { accountSlice } from './account';
|
||||
import { appSlice } from './app';
|
||||
@@ -13,7 +12,6 @@ import { dialogsSlice } from './dialogs';
|
||||
import { inputsSlice } from './inputs';
|
||||
import { layoutSlice } from './layout';
|
||||
import { localizationSlice } from './localization';
|
||||
import { navigationSlice } from './navigation';
|
||||
import { perpetualsSlice } from './perpetuals';
|
||||
|
||||
export const commandMenuSlices = [layoutSlice, localizationSlice];
|
||||
@@ -28,7 +26,6 @@ export const store = configureStore({
|
||||
inputs: inputsSlice.reducer,
|
||||
layout: layoutSlice.reducer,
|
||||
localization: localizationSlice.reducer,
|
||||
navigation: navigationSlice.reducer,
|
||||
perpetuals: perpetualsSlice.reducer,
|
||||
},
|
||||
|
||||
@@ -38,7 +35,6 @@ export const store = configureStore({
|
||||
}),
|
||||
appMiddleware,
|
||||
localizationMiddleware,
|
||||
routerMiddleware,
|
||||
],
|
||||
|
||||
devTools: process.env.NODE_ENV !== 'production',
|
||||
|
||||
+40
-18
@@ -12,6 +12,7 @@ import type {
|
||||
SubaccountTransfers,
|
||||
HistoricalPnlPeriods,
|
||||
SubAccountHistoricalPNLs,
|
||||
UsageRestriction,
|
||||
} from '@/constants/abacus';
|
||||
|
||||
import { OnboardingGuard, OnboardingState } from '@/constants/account';
|
||||
@@ -21,34 +22,46 @@ import { WalletType } from '@/constants/wallets';
|
||||
import { getLocalStorage } from '@/lib/localStorage';
|
||||
|
||||
export type AccountState = {
|
||||
balances?: Record<string, AccountBalance>;
|
||||
stakingBalances?: Record<string, AccountBalance>;
|
||||
wallet?: Nullable<Wallet>;
|
||||
walletType?: WalletType;
|
||||
|
||||
subaccount?: Nullable<Subaccount>;
|
||||
fills?: SubaccountFills;
|
||||
fundingPayments?: SubaccountFundingPayments;
|
||||
transfers?: SubaccountTransfers;
|
||||
historicalPnl?: SubAccountHistoricalPNLs;
|
||||
|
||||
onboardingGuards: Record<OnboardingGuard, boolean | undefined>;
|
||||
onboardingState: OnboardingState;
|
||||
|
||||
clearedOrderIds?: string[];
|
||||
hasUnseenFillUpdates: boolean;
|
||||
hasUnseenOrderUpdates: boolean;
|
||||
historicalPnl?: SubAccountHistoricalPNLs;
|
||||
latestOrder?: Nullable<SubaccountOrder>;
|
||||
onboardingGuards: Record<OnboardingGuard, boolean | undefined>;
|
||||
onboardingState: OnboardingState;
|
||||
subaccount?: Nullable<Subaccount>;
|
||||
uncommittedOrderClientIds: number[];
|
||||
wallet?: Nullable<Wallet>;
|
||||
walletType?: WalletType;
|
||||
historicalPnlPeriod?: HistoricalPnlPeriods;
|
||||
balances?: Record<string, AccountBalance>;
|
||||
stakingBalances?: Record<string, AccountBalance>;
|
||||
uncommittedOrderClientIds: number[];
|
||||
|
||||
restriction?: Nullable<UsageRestriction>;
|
||||
};
|
||||
|
||||
const initialState: AccountState = {
|
||||
// Wallet
|
||||
balances: undefined,
|
||||
wallet: undefined,
|
||||
walletType: getLocalStorage<WalletType>({
|
||||
key: LocalStorageKey.OnboardingSelectedWalletType,
|
||||
}),
|
||||
|
||||
// Subaccount
|
||||
subaccount: undefined,
|
||||
fills: undefined,
|
||||
fundingPayments: undefined,
|
||||
transfers: undefined,
|
||||
clearedOrderIds: undefined,
|
||||
hasUnseenFillUpdates: false,
|
||||
hasUnseenOrderUpdates: false,
|
||||
historicalPnl: undefined,
|
||||
latestOrder: undefined,
|
||||
|
||||
// Onboarding
|
||||
onboardingGuards: {
|
||||
[OnboardingGuard.hasAcknowledgedTerms]: Boolean(
|
||||
getLocalStorage<boolean>({
|
||||
@@ -59,12 +72,17 @@ const initialState: AccountState = {
|
||||
[OnboardingGuard.hasPreviousTransactions]: undefined,
|
||||
},
|
||||
onboardingState: OnboardingState.Disconnected,
|
||||
subaccount: undefined,
|
||||
|
||||
// UI
|
||||
clearedOrderIds: undefined,
|
||||
hasUnseenFillUpdates: false,
|
||||
hasUnseenOrderUpdates: false,
|
||||
latestOrder: undefined,
|
||||
uncommittedOrderClientIds: [],
|
||||
wallet: undefined,
|
||||
walletType: getLocalStorage<WalletType>({
|
||||
key: LocalStorageKey.OnboardingSelectedWalletType,
|
||||
}),
|
||||
historicalPnlPeriod: undefined,
|
||||
|
||||
// Restriction
|
||||
restriction: undefined,
|
||||
};
|
||||
|
||||
export const accountSlice = createSlice({
|
||||
@@ -124,6 +142,9 @@ export const accountSlice = createSlice({
|
||||
state.historicalPnl = action.payload;
|
||||
}
|
||||
},
|
||||
setRestrictionType: (state, action: PayloadAction<Nullable<UsageRestriction>>) => {
|
||||
state.restriction = action.payload;
|
||||
},
|
||||
setSubaccount: (state, action: PayloadAction<Nullable<Subaccount>>) => {
|
||||
const existingOrderIds = state.subaccount?.orders
|
||||
? state.subaccount.orders.toArray().map((order) => order.id)
|
||||
@@ -178,6 +199,7 @@ export const {
|
||||
setOnboardingGuard,
|
||||
setOnboardingState,
|
||||
setHistoricalPnl,
|
||||
setRestrictionType,
|
||||
setSubaccount,
|
||||
setWallet,
|
||||
viewedFills,
|
||||
|
||||
@@ -342,3 +342,13 @@ export const getBalances = (state: RootState) => state.account?.balances;
|
||||
* @returns user wallet staking balances
|
||||
* */
|
||||
export const getStakingBalances = (state: RootState) => state.account?.stakingBalances;
|
||||
|
||||
/**
|
||||
* @returns UsageRestriction of the current session
|
||||
*/
|
||||
export const getUsageRestriction = (state: RootState) => state.account.restriction;
|
||||
|
||||
/**
|
||||
* @returns RestrictionType from the current session
|
||||
*/
|
||||
export const getRestrictionType = (state: RootState) => state.account.restriction?.restriction;
|
||||
|
||||
+2
-1
@@ -2,10 +2,10 @@ import { createSlice, PayloadAction } from '@reduxjs/toolkit';
|
||||
|
||||
import { AbacusApiState } from '@/constants/abacus';
|
||||
import { LocalStorageKey } from '@/constants/localStorage';
|
||||
|
||||
import { DEFAULT_APP_ENVIRONMENT, type DydxNetwork } from '@/constants/networks';
|
||||
|
||||
import { getLocalStorage } from '@/lib/localStorage';
|
||||
import { validateAgainstAvailableEnvironments } from '@/lib/network';
|
||||
|
||||
export interface AppState {
|
||||
apiState: AbacusApiState | undefined;
|
||||
@@ -19,6 +19,7 @@ const initialState: AppState = {
|
||||
selectedNetwork: getLocalStorage({
|
||||
key: LocalStorageKey.SelectedNetwork,
|
||||
defaultValue: DEFAULT_APP_ENVIRONMENT,
|
||||
validateFn: validateAgainstAvailableEnvironments,
|
||||
}),
|
||||
};
|
||||
|
||||
|
||||
+22
-25
@@ -23,39 +23,36 @@ export const dialogsSlice = createSlice({
|
||||
name: 'Dialogs',
|
||||
initialState,
|
||||
reducers: {
|
||||
addDialogToQueue: (state: DialogsState, action: PayloadAction<DialogInfo<DialogTypes>>) => {
|
||||
const dialogQueue = state.dialogQueue;
|
||||
dialogQueue.push(action.payload);
|
||||
|
||||
return {
|
||||
...state,
|
||||
dialogQueue,
|
||||
};
|
||||
openDialog: (state: DialogsState, action: PayloadAction<DialogInfo<DialogTypes>>) => {
|
||||
if (state.activeDialog) {
|
||||
state.dialogQueue.push(action.payload);
|
||||
} else {
|
||||
state.activeDialog = action.payload;
|
||||
}
|
||||
},
|
||||
closeDialog: (state: DialogsState) => {
|
||||
state.activeDialog = state.dialogQueue.shift();
|
||||
},
|
||||
forceOpenDialog: (state: DialogsState, action: PayloadAction<DialogInfo<DialogTypes>>) => {
|
||||
if (state.activeDialog) {
|
||||
state.dialogQueue.unshift(state.activeDialog);
|
||||
}
|
||||
state.activeDialog = action.payload;
|
||||
},
|
||||
closeDialogInTradeBox: (state: DialogsState) => {
|
||||
state.activeTradeBoxDialog = undefined;
|
||||
},
|
||||
closeDialog: (state: DialogsState) => ({
|
||||
...state,
|
||||
activeDialog: state.dialogQueue.shift(),
|
||||
}),
|
||||
openDialog: (state: DialogsState, action: PayloadAction<DialogInfo<DialogTypes>>) => ({
|
||||
...state,
|
||||
activeDialog: action.payload,
|
||||
}),
|
||||
closeDialogInTradeBox: (state: DialogsState) => ({
|
||||
...state,
|
||||
activeTradeBoxDialog: undefined,
|
||||
}),
|
||||
openDialogInTradeBox: (
|
||||
state: DialogsState,
|
||||
action: PayloadAction<DialogInfo<TradeBoxDialogTypes>>
|
||||
) => ({
|
||||
...state,
|
||||
activeTradeBoxDialog: action.payload,
|
||||
}),
|
||||
) => {
|
||||
state.activeTradeBoxDialog = action.payload;
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const {
|
||||
addDialogToQueue,
|
||||
forceOpenDialog,
|
||||
closeDialog,
|
||||
closeDialogInTradeBox,
|
||||
openDialog,
|
||||
|
||||
@@ -1,42 +0,0 @@
|
||||
import { createSlice } from '@reduxjs/toolkit';
|
||||
|
||||
export interface NavigationState {
|
||||
tradeLocation: {
|
||||
hash: string;
|
||||
key: string;
|
||||
pathname: string;
|
||||
search: string;
|
||||
state: any;
|
||||
};
|
||||
}
|
||||
|
||||
export const CLEAR_TRADE_LOCATION = {
|
||||
hash: '',
|
||||
key: '',
|
||||
pathname: '',
|
||||
search: '',
|
||||
state: null,
|
||||
};
|
||||
|
||||
const initialState: NavigationState = {
|
||||
tradeLocation: {
|
||||
hash: '',
|
||||
key: '',
|
||||
pathname: '',
|
||||
search: '',
|
||||
state: null,
|
||||
},
|
||||
};
|
||||
|
||||
export const navigationSlice = createSlice({
|
||||
name: 'Navigation',
|
||||
initialState,
|
||||
reducers: {
|
||||
setTradeLocation: (state, { payload }) => ({
|
||||
...state,
|
||||
tradeLocation: payload,
|
||||
}),
|
||||
},
|
||||
});
|
||||
|
||||
export const { setTradeLocation } = navigationSlice.actions;
|
||||
@@ -1,33 +0,0 @@
|
||||
import type { PayloadAction } from '@reduxjs/toolkit';
|
||||
|
||||
import { LocalStorageKey } from '@/constants/localStorage';
|
||||
|
||||
import { closeDialogInTradeBox } from '@/state/dialogs';
|
||||
import { setTradeLocation } from '@/state/navigation';
|
||||
|
||||
import abacusStateManager from '@/lib/abacus';
|
||||
import { setLocalStorage } from '@/lib/localStorage';
|
||||
import { getMarketIdFromLocation } from '@/lib/tradeData';
|
||||
|
||||
export default (store: any) => (next: any) => async (action: PayloadAction<any>) => {
|
||||
next(action);
|
||||
|
||||
const { type, payload } = action;
|
||||
|
||||
switch (type) {
|
||||
case setTradeLocation.type: {
|
||||
const marketId = getMarketIdFromLocation(payload);
|
||||
|
||||
if (marketId) {
|
||||
abacusStateManager.setMarket(marketId);
|
||||
store.dispatch(closeDialogInTradeBox());
|
||||
setLocalStorage({ key: LocalStorageKey.LastViewedMarket, value: marketId });
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
default: {
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -25,7 +25,11 @@ import { TimeSeriesChart } from '@/components/visx/TimeSeriesChart';
|
||||
import { AxisLabelOutput } from '@/components/visx/AxisLabelOutput';
|
||||
// import { TooltipContent } from '@/components/visx/TooltipContent';
|
||||
|
||||
import { getSubaccount, getSubaccountHistoricalPnl, getSubaccountId } from '@/state/accountSelectors';
|
||||
import {
|
||||
getSubaccount,
|
||||
getSubaccountHistoricalPnl,
|
||||
getSubaccountId,
|
||||
} from '@/state/accountSelectors';
|
||||
|
||||
import abacusStateManager from '@/lib/abacus';
|
||||
import { formatRelativeTime } from '@/lib/dateTime';
|
||||
|
||||
@@ -27,9 +27,9 @@ export const DisconnectDialog = ({ setIsOpen }: ElementProps) => {
|
||||
};
|
||||
|
||||
return (
|
||||
<Dialog isOpen setIsOpen={setIsOpen} title="Disconnect">
|
||||
<Dialog isOpen setIsOpen={setIsOpen} title={stringGetter({ key: STRING_KEYS.DISCONNECT })}>
|
||||
<Styled.Content>
|
||||
<p>Are you sure you want to disconnect your account?</p>
|
||||
<p>{stringGetter({ key: STRING_KEYS.DISCONNECT_CONFIRMATION })}</p>
|
||||
<Styled.ButtonRow>
|
||||
<Close asChild>
|
||||
<Button action={ButtonAction.Destroy} onClick={disconnect}>
|
||||
|
||||
@@ -5,6 +5,9 @@ import { shallowEqual, useDispatch, useSelector } from 'react-redux';
|
||||
import { AbacusApiStatus } from '@/constants/abacus';
|
||||
import { DialogTypes } from '@/constants/dialogs';
|
||||
import { STRING_KEYS } from '@/constants/localization';
|
||||
import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||
import { UNICODE } from '@/constants/unicode';
|
||||
|
||||
import { useApiState, useStringGetter } from '@/hooks';
|
||||
import { layoutMixins } from '@/styles/layoutMixins';
|
||||
|
||||
@@ -29,8 +32,16 @@ export const ExchangeOfflineDialog = ({ preventClose, setIsOpen }: ElementProps)
|
||||
const selectedNetwork = useSelector(getSelectedNetwork);
|
||||
const activeDialog = useSelector(getActiveDialog, shallowEqual);
|
||||
|
||||
const showOfflineMessage =
|
||||
import.meta.env.MODE === 'production' &&
|
||||
ENVIRONMENT_CONFIG_MAP[selectedNetwork].dydxChainId === 'dydx-testnet-3';
|
||||
|
||||
useEffect(() => {
|
||||
if (activeDialog?.type === DialogTypes.ExchangeOffline && status === AbacusApiStatus.NORMAL) {
|
||||
if (
|
||||
activeDialog?.type === DialogTypes.ExchangeOffline &&
|
||||
status === AbacusApiStatus.NORMAL &&
|
||||
!showOfflineMessage
|
||||
) {
|
||||
dispatch(closeDialog());
|
||||
}
|
||||
}, [status, selectedNetwork]);
|
||||
@@ -43,7 +54,16 @@ export const ExchangeOfflineDialog = ({ preventClose, setIsOpen }: ElementProps)
|
||||
title={stringGetter({ key: STRING_KEYS.UNAVAILABLE })}
|
||||
>
|
||||
<Styled.Content>
|
||||
<p>{statusErrorMessage}</p>
|
||||
{showOfflineMessage ? (
|
||||
<>
|
||||
<p>Testnet is currently offline. Please check back!</p>
|
||||
<Styled.Link href="https://v4-teacher.vercel.app/testnets/schedule">
|
||||
{stringGetter({ key: STRING_KEYS.LEARN_MORE })} {UNICODE.ARROW_RIGHT}
|
||||
</Styled.Link>
|
||||
</>
|
||||
) : (
|
||||
<p>{statusErrorMessage}</p>
|
||||
)}
|
||||
{import.meta.env.MODE !== 'production' && <NetworkSelectMenu />}
|
||||
</Styled.Content>
|
||||
</Dialog>
|
||||
|
||||
@@ -19,7 +19,7 @@ import { useDisplayedWallets } from '@/hooks/useDisplayedWallets';
|
||||
import { breakpoints } from '@/styles';
|
||||
import { layoutMixins } from '@/styles/layoutMixins';
|
||||
|
||||
const aboutWalletsLink = `https://www.dydxacademy.info/educational-video-series/onboarding-to-defi-with-dydx`;
|
||||
const aboutWalletsLink = `https://www.dydx.academy/video/defi-wallet`;
|
||||
|
||||
export const ChooseWallet = () => {
|
||||
const stringGetter = useStringGetter();
|
||||
@@ -34,7 +34,14 @@ export const ChooseWallet = () => {
|
||||
<Styled.AlertMessage type={AlertType.Error}>
|
||||
{
|
||||
<h4>
|
||||
Couldn't connect to {stringGetter({ key: wallets[selectedWalletType].stringKey })}.
|
||||
{stringGetter({
|
||||
key: STRING_KEYS.COULD_NOT_CONNECT,
|
||||
params: {
|
||||
WALLET: stringGetter({
|
||||
key: wallets[selectedWalletType].stringKey,
|
||||
}),
|
||||
},
|
||||
})}
|
||||
</h4>
|
||||
}
|
||||
{selectedWalletError}
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
import styled, { AnyStyledComponent } from 'styled-components';
|
||||
|
||||
import { STRING_KEYS } from '@/constants/localization';
|
||||
import { useStringGetter } from '@/hooks';
|
||||
import { layoutMixins } from '@/styles/layoutMixins';
|
||||
|
||||
import { Dialog } from '@/components/Dialog';
|
||||
import { Icon, IconName } from '@/components/Icon';
|
||||
|
||||
type ElementProps = {
|
||||
preventClose?: boolean;
|
||||
setIsOpen?: (open: boolean) => void;
|
||||
};
|
||||
|
||||
export const RateLimitDialog = ({ preventClose, setIsOpen }: ElementProps) => {
|
||||
const stringGetter = useStringGetter();
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
isOpen
|
||||
preventClose={preventClose}
|
||||
setIsOpen={setIsOpen}
|
||||
title={stringGetter({ key: STRING_KEYS.RATE_LIMIT_REACHED_ERROR_TITLE })}
|
||||
slotIcon={<Styled.Icon iconName={IconName.Warning} />}
|
||||
>
|
||||
<Styled.Content>
|
||||
{stringGetter({ key: STRING_KEYS.RATE_LIMIT_REACHED_ERROR_MESSAGE })}
|
||||
</Styled.Content>
|
||||
</Dialog>
|
||||
);
|
||||
};
|
||||
|
||||
const Styled: Record<string, AnyStyledComponent> = {};
|
||||
|
||||
Styled.Icon = styled(Icon)`
|
||||
color: var(--color-warning);
|
||||
`;
|
||||
|
||||
Styled.Content = styled.div`
|
||||
${layoutMixins.column}
|
||||
gap: 1rem;
|
||||
`;
|
||||
@@ -0,0 +1,42 @@
|
||||
import styled, { AnyStyledComponent } from 'styled-components';
|
||||
|
||||
import { STRING_KEYS } from '@/constants/localization';
|
||||
import { useStringGetter } from '@/hooks';
|
||||
import { layoutMixins } from '@/styles/layoutMixins';
|
||||
|
||||
import { Dialog } from '@/components/Dialog';
|
||||
import { Icon, IconName } from '@/components/Icon';
|
||||
|
||||
type ElementProps = {
|
||||
preventClose?: boolean;
|
||||
setIsOpen?: (open: boolean) => void;
|
||||
};
|
||||
|
||||
export const RestrictedGeoDialog = ({ preventClose, setIsOpen }: ElementProps) => {
|
||||
const stringGetter = useStringGetter();
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
isOpen
|
||||
preventClose={preventClose}
|
||||
setIsOpen={setIsOpen}
|
||||
title={stringGetter({ key: STRING_KEYS.REGION_NOT_PERMITTED_TITLE })}
|
||||
slotIcon={<Styled.Icon iconName={IconName.Warning} />}
|
||||
>
|
||||
<Styled.Content>
|
||||
{stringGetter({ key: STRING_KEYS.REGION_NOT_PERMITTED_SUBTITLE })}
|
||||
</Styled.Content>
|
||||
</Dialog>
|
||||
);
|
||||
};
|
||||
|
||||
const Styled: Record<string, AnyStyledComponent> = {};
|
||||
|
||||
Styled.Icon = styled(Icon)`
|
||||
color: var(--color-warning);
|
||||
`;
|
||||
|
||||
Styled.Content = styled.div`
|
||||
${layoutMixins.column}
|
||||
gap: 1rem;
|
||||
`;
|
||||
@@ -0,0 +1,42 @@
|
||||
import styled, { AnyStyledComponent } from 'styled-components';
|
||||
|
||||
import { STRING_KEYS } from '@/constants/localization';
|
||||
import { useStringGetter } from '@/hooks';
|
||||
import { layoutMixins } from '@/styles/layoutMixins';
|
||||
|
||||
import { Dialog } from '@/components/Dialog';
|
||||
import { Icon, IconName } from '@/components/Icon';
|
||||
|
||||
type ElementProps = {
|
||||
preventClose?: boolean;
|
||||
setIsOpen?: (open: boolean) => void;
|
||||
};
|
||||
|
||||
export const RestrictedWalletDialog = ({ preventClose, setIsOpen }: ElementProps) => {
|
||||
const stringGetter = useStringGetter();
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
isOpen
|
||||
preventClose={preventClose}
|
||||
setIsOpen={setIsOpen}
|
||||
title={stringGetter({ key: STRING_KEYS.WALLET_RESTRICTED_ERROR_TITLE })}
|
||||
slotIcon={<Styled.Icon iconName={IconName.Warning} />}
|
||||
>
|
||||
<Styled.Content>
|
||||
{stringGetter({ key: STRING_KEYS.REGION_NOT_PERMITTED_SUBTITLE })}
|
||||
</Styled.Content>
|
||||
</Dialog>
|
||||
);
|
||||
};
|
||||
|
||||
const Styled: Record<string, AnyStyledComponent> = {};
|
||||
|
||||
Styled.Icon = styled(Icon)`
|
||||
color: var(--color-warning);
|
||||
`;
|
||||
|
||||
Styled.Content = styled.div`
|
||||
${layoutMixins.column}
|
||||
gap: 1rem;
|
||||
`;
|
||||
@@ -10,9 +10,16 @@ import { TransferInputField, TransferInputTokenResource, TransferType } from '@/
|
||||
import { AlertType } from '@/constants/alerts';
|
||||
import { ButtonSize } from '@/constants/buttons';
|
||||
import { STRING_KEYS } from '@/constants/localization';
|
||||
import { NumberSign, QUANTUM_MULTIPLIER } from '@/constants/numbers';
|
||||
import { NumberSign } from '@/constants/numbers';
|
||||
|
||||
import { useDebounce, useStringGetter, useSubaccount } from '@/hooks';
|
||||
import {
|
||||
useAccounts,
|
||||
useDebounce,
|
||||
useDydxClient,
|
||||
useRestrictions,
|
||||
useStringGetter,
|
||||
useSubaccount,
|
||||
} from '@/hooks';
|
||||
import { useLocalNotifications } from '@/hooks/useLocalNotifications';
|
||||
|
||||
import { layoutMixins } from '@/styles/layoutMixins';
|
||||
@@ -39,10 +46,11 @@ import { MustBigNumber } from '@/lib/numbers';
|
||||
|
||||
import { TokenSelectMenu } from './TokenSelectMenu';
|
||||
import { WithdrawButtonAndReceipt } from './WithdrawForm/WithdrawButtonAndReceipt';
|
||||
import { join } from 'path';
|
||||
|
||||
export const WithdrawForm = () => {
|
||||
const stringGetter = useStringGetter();
|
||||
const [error, setError] = useState<Error | null>(null);
|
||||
const [error, setError] = useState<string>();
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
const { sendSquidWithdraw } = useSubaccount();
|
||||
@@ -71,9 +79,11 @@ export const WithdrawForm = () => {
|
||||
const { addTransferNotification } = useLocalNotifications();
|
||||
|
||||
// Async Data
|
||||
const debouncedAmountBN = MustBigNumber(debouncedAmount);
|
||||
const withdrawAmountBN = MustBigNumber(withdrawAmount);
|
||||
const freeCollateralBN = MustBigNumber(freeCollateral?.current);
|
||||
const debouncedAmountBN = useMemo(() => MustBigNumber(debouncedAmount), [debouncedAmount]);
|
||||
const freeCollateralBN = useMemo(
|
||||
() => MustBigNumber(freeCollateral?.current),
|
||||
[freeCollateral?.current]
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
abacusStateManager.setTransferValue({
|
||||
@@ -105,50 +115,85 @@ export const WithdrawForm = () => {
|
||||
value: debouncedAmount,
|
||||
field: TransferInputField.usdcSize,
|
||||
});
|
||||
setError(null);
|
||||
setError(undefined);
|
||||
}
|
||||
} catch (error) {
|
||||
setError(error);
|
||||
setError(error.message);
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
setTransferValue();
|
||||
}, [debouncedAmountBN.toNumber()]);
|
||||
}, [debouncedAmountBN]);
|
||||
|
||||
const { screenAddresses } = useDydxClient();
|
||||
const { dydxAddress } = useAccounts();
|
||||
|
||||
const onSubmit = useCallback(
|
||||
async (e: FormEvent) => {
|
||||
try {
|
||||
e.preventDefault();
|
||||
|
||||
if (!requestPayload?.data || !debouncedAmountBN.toNumber()) {
|
||||
if (!requestPayload?.data || !debouncedAmountBN.toNumber() || !toAddress || !dydxAddress) {
|
||||
throw new Error('Invalid request payload');
|
||||
}
|
||||
|
||||
setIsLoading(true);
|
||||
const txHash = await sendSquidWithdraw(debouncedAmountBN.toNumber(), requestPayload?.data);
|
||||
setError(undefined);
|
||||
|
||||
if (txHash?.hash) {
|
||||
const hash = `0x${Buffer.from(txHash.hash).toString('hex')}`;
|
||||
const screenResults = await screenAddresses({
|
||||
addresses: [toAddress, dydxAddress],
|
||||
});
|
||||
|
||||
addTransferNotification({
|
||||
txHash: hash,
|
||||
fromChainId: TESTNET_CHAIN_ID,
|
||||
toChainId: chainIdStr || undefined,
|
||||
toAmount: debouncedAmountBN.toNumber(),
|
||||
triggeredAt: Date.now(),
|
||||
});
|
||||
abacusStateManager.clearTransferInputValues();
|
||||
setWithdrawAmount('');
|
||||
if (screenResults?.[dydxAddress]) {
|
||||
setError(
|
||||
stringGetter({
|
||||
key: STRING_KEYS.WALLET_RESTRICTED_WITHDRAWAL_TRANSFER_ORIGINATION_ERROR_MESSAGE,
|
||||
})
|
||||
);
|
||||
} else if (screenResults?.[toAddress]) {
|
||||
setError(
|
||||
stringGetter({
|
||||
key: STRING_KEYS.WALLET_RESTRICTED_WITHDRAWAL_TRANSFER_DESTINATION_ERROR_MESSAGE,
|
||||
})
|
||||
);
|
||||
} else {
|
||||
const txHash = await sendSquidWithdraw(debouncedAmountBN.toNumber(), requestPayload.data);
|
||||
if (txHash?.hash) {
|
||||
const hash = `0x${Buffer.from(txHash.hash).toString('hex')}`;
|
||||
addTransferNotification({
|
||||
txHash: hash,
|
||||
fromChainId: TESTNET_CHAIN_ID,
|
||||
toChainId: chainIdStr || undefined,
|
||||
toAmount: debouncedAmountBN.toNumber(),
|
||||
triggeredAt: Date.now(),
|
||||
});
|
||||
abacusStateManager.clearTransferInputValues();
|
||||
setWithdrawAmount('');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
setError(error);
|
||||
if (error?.code === 429) {
|
||||
setError(stringGetter({ key: STRING_KEYS.RATE_LIMIT_REACHED_ERROR_MESSAGE }));
|
||||
} else {
|
||||
setError(
|
||||
error.message
|
||||
? stringGetter({
|
||||
key: STRING_KEYS.SOMETHING_WENT_WRONG_WITH_MESSAGE,
|
||||
params: {
|
||||
ERROR_MESSAGE:
|
||||
error.message || stringGetter({ key: STRING_KEYS.UNKNOWN_ERROR }),
|
||||
},
|
||||
})
|
||||
: stringGetter({ key: STRING_KEYS.SOMETHING_WENT_WRONG })
|
||||
);
|
||||
}
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
},
|
||||
[requestPayload, debouncedAmountBN, chainIdStr]
|
||||
[requestPayload, debouncedAmountBN, chainIdStr, toAddress, screenAddresses, stringGetter]
|
||||
);
|
||||
|
||||
const onChangeAddress = useCallback((e: ChangeEvent<HTMLInputElement>) => {
|
||||
@@ -179,7 +224,7 @@ export const WithdrawForm = () => {
|
||||
|
||||
const onClickMax = useCallback(() => {
|
||||
setWithdrawAmount(freeCollateralBN.toString());
|
||||
}, [freeCollateral?.current, setWithdrawAmount]);
|
||||
}, [freeCollateralBN, setWithdrawAmount]);
|
||||
|
||||
const onSelectChain = useCallback((chain: string) => {
|
||||
if (chain) {
|
||||
@@ -215,7 +260,7 @@ export const WithdrawForm = () => {
|
||||
value={freeCollateral?.current}
|
||||
newValue={freeCollateral?.postOrder}
|
||||
sign={NumberSign.Negative}
|
||||
hasInvalidNewValue={withdrawAmountBN.minus(freeCollateralBN).isNegative()}
|
||||
hasInvalidNewValue={MustBigNumber(withdrawAmount).minus(freeCollateralBN).isNegative()}
|
||||
withDiff={
|
||||
Boolean(withdrawAmount) && !debouncedAmountBN.isNaN() && !debouncedAmountBN.isZero()
|
||||
}
|
||||
@@ -224,18 +269,23 @@ export const WithdrawForm = () => {
|
||||
},
|
||||
];
|
||||
|
||||
const { sanctionedAddresses } = useRestrictions();
|
||||
|
||||
const errorMessage = useMemo(() => {
|
||||
if (error) {
|
||||
return error?.message
|
||||
? stringGetter({
|
||||
key: STRING_KEYS.SOMETHING_WENT_WRONG_WITH_MESSAGE,
|
||||
params: { ERROR_MESSAGE: error.message },
|
||||
})
|
||||
: stringGetter({ key: STRING_KEYS.SOMETHING_WENT_WRONG });
|
||||
return stringGetter({
|
||||
key: STRING_KEYS.SOMETHING_WENT_WRONG_WITH_MESSAGE,
|
||||
params: { ERROR_MESSAGE: error },
|
||||
});
|
||||
}
|
||||
|
||||
if (!toAddress) return stringGetter({ key: STRING_KEYS.WITHDRAW_MUST_SPECIFY_ADDRESS });
|
||||
|
||||
if (sanctionedAddresses.has(toAddress))
|
||||
return stringGetter({
|
||||
key: STRING_KEYS.TRANSFER_INVALID_DYDX_ADDRESS,
|
||||
});
|
||||
|
||||
if (debouncedAmountBN) {
|
||||
if (!chainIdStr) {
|
||||
return stringGetter({ key: STRING_KEYS.WITHDRAW_MUST_SPECIFY_CHAIN });
|
||||
@@ -249,7 +299,15 @@ export const WithdrawForm = () => {
|
||||
}
|
||||
|
||||
return undefined;
|
||||
}, [error, freeCollateralBN, chainIdStr, debouncedAmountBN, toToken]);
|
||||
}, [
|
||||
error,
|
||||
freeCollateralBN,
|
||||
chainIdStr,
|
||||
debouncedAmountBN,
|
||||
toToken,
|
||||
toAddress,
|
||||
sanctionedAddresses,
|
||||
]);
|
||||
|
||||
const isDisabled =
|
||||
!!errorMessage ||
|
||||
@@ -257,7 +315,8 @@ export const WithdrawForm = () => {
|
||||
!chainIdStr ||
|
||||
!toAddress ||
|
||||
debouncedAmountBN.isNaN() ||
|
||||
debouncedAmountBN.isZero();
|
||||
debouncedAmountBN.isZero() ||
|
||||
isLoading;
|
||||
|
||||
return (
|
||||
<Styled.Form onSubmit={onSubmit}>
|
||||
|
||||
@@ -3,8 +3,6 @@ import styled, { type AnyStyledComponent } from 'styled-components';
|
||||
import { type NumberFormatValues } from 'react-number-format';
|
||||
import { shallowEqual, useSelector } from 'react-redux';
|
||||
import type { SyntheticInputEvent } from 'react-number-format/types/types';
|
||||
import { debounce } from 'lodash';
|
||||
import { StdFee } from '@cosmjs/stargate';
|
||||
import { validation } from '@dydxprotocol/v4-client-js';
|
||||
|
||||
import { TransferInputField, TransferType } from '@/constants/abacus';
|
||||
@@ -12,7 +10,7 @@ import { AlertType } from '@/constants/alerts';
|
||||
import { ButtonShape, ButtonSize } from '@/constants/buttons';
|
||||
import { STRING_KEYS } from '@/constants/localization';
|
||||
import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||
import { NumberSign, QUANTUM_MULTIPLIER } from '@/constants/numbers';
|
||||
import { NumberSign } from '@/constants/numbers';
|
||||
import {
|
||||
DYDX_CHAIN_ASSET_COIN_DENOM,
|
||||
DYDX_CHAIN_ASSET_TAGS,
|
||||
@@ -22,6 +20,8 @@ import {
|
||||
import {
|
||||
useAccountBalance,
|
||||
useAccounts,
|
||||
useDydxClient,
|
||||
useRestrictions,
|
||||
useSelectedNetwork,
|
||||
useStringGetter,
|
||||
useSubaccount,
|
||||
@@ -77,7 +77,7 @@ export const TransferForm = ({
|
||||
const [asset, setAsset] = useState<DydxChainAsset>(selectedAsset);
|
||||
|
||||
// Form states
|
||||
const [error, setError] = useState<Error | undefined>();
|
||||
const [error, setError] = useState<string>();
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
const balance = asset === DydxChainAsset.USDC ? freeCollateral?.current : nativeTokenBalance;
|
||||
@@ -96,16 +96,6 @@ export const TransferForm = ({
|
||||
const balanceBN = MustBigNumber(balance);
|
||||
const newBalanceBN = MustBigNumber(newBalance);
|
||||
|
||||
const isAddressValid = useMemo(
|
||||
() =>
|
||||
recipientAddress &&
|
||||
dydxAddress !== recipientAddress &&
|
||||
validation.isValidAddress(recipientAddress),
|
||||
[recipientAddress]
|
||||
);
|
||||
|
||||
const isAmountValid = balance && amount && amountBN.gt(0) && newBalanceBN.gte(0);
|
||||
|
||||
useEffect(() => {
|
||||
abacusStateManager.setTransferValue({
|
||||
value: TransferType.transferOut.rawValue,
|
||||
@@ -125,6 +115,21 @@ export const TransferForm = ({
|
||||
});
|
||||
}, [asset]);
|
||||
|
||||
const { sanctionedAddresses } = useRestrictions();
|
||||
|
||||
const isAddressValid = useMemo(
|
||||
() =>
|
||||
recipientAddress &&
|
||||
dydxAddress !== recipientAddress &&
|
||||
validation.isValidAddress(recipientAddress) &&
|
||||
!sanctionedAddresses.has(recipientAddress),
|
||||
[recipientAddress, sanctionedAddresses, dydxAddress]
|
||||
);
|
||||
|
||||
const isAmountValid = balance && amount && amountBN.gt(0) && newBalanceBN.gte(0);
|
||||
|
||||
const { screenAddresses } = useDydxClient();
|
||||
|
||||
const onTransfer = async () => {
|
||||
if (!isAmountValid || !isAddressValid || !fee) return;
|
||||
setIsLoading(true);
|
||||
@@ -136,20 +141,51 @@ export const TransferForm = ({
|
||||
asset === DydxChainAsset.DYDX ? amountBN.minus(fee) : amountBN
|
||||
).toNumber();
|
||||
|
||||
const txResponse = await transfer(
|
||||
amountToTransfer,
|
||||
recipientAddress as string,
|
||||
DYDX_CHAIN_ASSET_COIN_DENOM[asset]
|
||||
);
|
||||
const screenResults = await screenAddresses({
|
||||
addresses: [recipientAddress!, dydxAddress!],
|
||||
});
|
||||
|
||||
if (txResponse?.code === 0) {
|
||||
console.log('TransferForm > txReceipt > ', txResponse?.hash);
|
||||
onDone?.();
|
||||
if (screenResults?.[dydxAddress!]) {
|
||||
setError(
|
||||
stringGetter({
|
||||
key: STRING_KEYS.WALLET_RESTRICTED_WITHDRAWAL_TRANSFER_ORIGINATION_ERROR_MESSAGE,
|
||||
})
|
||||
);
|
||||
} else if (screenResults?.[recipientAddress!]) {
|
||||
setError(
|
||||
stringGetter({
|
||||
key: STRING_KEYS.WALLET_RESTRICTED_WITHDRAWAL_TRANSFER_DESTINATION_ERROR_MESSAGE,
|
||||
})
|
||||
);
|
||||
} else {
|
||||
throw new Error(txResponse?.rawLog ?? 'Transaction did not commit.');
|
||||
const txResponse = await transfer(
|
||||
amountToTransfer,
|
||||
recipientAddress as string,
|
||||
DYDX_CHAIN_ASSET_COIN_DENOM[asset]
|
||||
);
|
||||
|
||||
if (txResponse?.code === 0) {
|
||||
console.log('TransferForm > txReceipt > ', txResponse?.hash);
|
||||
onDone?.();
|
||||
} else {
|
||||
throw new Error(txResponse?.rawLog ?? 'Transaction did not commit.');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
setError(error);
|
||||
if (error?.code === 429) {
|
||||
setError(stringGetter({ key: STRING_KEYS.RATE_LIMIT_REACHED_ERROR_MESSAGE }));
|
||||
} else {
|
||||
setError(
|
||||
error.message
|
||||
? stringGetter({
|
||||
key: STRING_KEYS.SOMETHING_WENT_WRONG_WITH_MESSAGE,
|
||||
params: {
|
||||
ERROR_MESSAGE: error.message || stringGetter({ key: STRING_KEYS.UNKNOWN_ERROR }),
|
||||
},
|
||||
})
|
||||
: stringGetter({ key: STRING_KEYS.SOMETHING_WENT_WRONG })
|
||||
);
|
||||
}
|
||||
log('TransferForm/onTransfer', error);
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
@@ -231,13 +267,6 @@ export const TransferForm = ({
|
||||
},
|
||||
];
|
||||
|
||||
const addressValidationErrorMessage = stringGetter({
|
||||
key:
|
||||
dydxAddress === recipientAddress
|
||||
? STRING_KEYS.TRANSFER_TO_YOURSELF
|
||||
: STRING_KEYS.TRANSFER_INVALID_DYDX_ADDRESS,
|
||||
});
|
||||
|
||||
const renderFormInputButton = ({
|
||||
label,
|
||||
isInputEmpty,
|
||||
@@ -302,7 +331,12 @@ export const TransferForm = ({
|
||||
|
||||
{recipientAddress && !isAddressValid && (
|
||||
<Styled.AddressValidationAlertMessage type={AlertType.Error}>
|
||||
{addressValidationErrorMessage}
|
||||
{stringGetter({
|
||||
key:
|
||||
dydxAddress === recipientAddress
|
||||
? STRING_KEYS.TRANSFER_TO_YOURSELF
|
||||
: STRING_KEYS.TRANSFER_INVALID_DYDX_ADDRESS,
|
||||
})}
|
||||
</Styled.AddressValidationAlertMessage>
|
||||
)}
|
||||
|
||||
@@ -342,13 +376,13 @@ export const TransferForm = ({
|
||||
</AlertMessage>
|
||||
)}
|
||||
|
||||
{error && <AlertMessage type={AlertType.Error}>{error.message}</AlertMessage>}
|
||||
{error && <AlertMessage type={AlertType.Error}>{error}</AlertMessage>}
|
||||
|
||||
<Styled.Footer>
|
||||
<TransferButtonAndReceipt
|
||||
selectedAsset={asset}
|
||||
fees={fee || undefined}
|
||||
isDisabled={!isAmountValid || !isAddressValid || !fee}
|
||||
isDisabled={!isAmountValid || !isAddressValid || !fee || isLoading}
|
||||
isLoading={isLoading || Boolean(isAmountValid && isAddressValid && !fee)}
|
||||
/>
|
||||
</Styled.Footer>
|
||||
|
||||
Reference in New Issue
Block a user