Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1078a4186d | ||
|
|
a7addda930 | ||
|
|
b839cf695e | ||
|
|
c9b8f1d59b | ||
|
|
91c04956d6 | ||
|
|
3a3f817501 |
+1
-1
@@ -42,7 +42,7 @@
|
|||||||
"@cosmjs/tendermint-rpc": "^0.32.1",
|
"@cosmjs/tendermint-rpc": "^0.32.1",
|
||||||
"@dydxprotocol/v4-abacus": "^1.4.2",
|
"@dydxprotocol/v4-abacus": "^1.4.2",
|
||||||
"@dydxprotocol/v4-client-js": "^1.0.20",
|
"@dydxprotocol/v4-client-js": "^1.0.20",
|
||||||
"@dydxprotocol/v4-localization": "^1.1.26",
|
"@dydxprotocol/v4-localization": "^1.1.28",
|
||||||
"@ethersproject/providers": "^5.7.2",
|
"@ethersproject/providers": "^5.7.2",
|
||||||
"@js-joda/core": "^5.5.3",
|
"@js-joda/core": "^5.5.3",
|
||||||
"@radix-ui/react-accordion": "^1.1.2",
|
"@radix-ui/react-accordion": "^1.1.2",
|
||||||
|
|||||||
Generated
+7
-11
@@ -36,8 +36,8 @@ dependencies:
|
|||||||
specifier: ^1.0.20
|
specifier: ^1.0.20
|
||||||
version: 1.0.20
|
version: 1.0.20
|
||||||
'@dydxprotocol/v4-localization':
|
'@dydxprotocol/v4-localization':
|
||||||
specifier: ^1.1.26
|
specifier: ^1.1.28
|
||||||
version: 1.1.26
|
version: 1.1.28
|
||||||
'@ethersproject/providers':
|
'@ethersproject/providers':
|
||||||
specifier: ^5.7.2
|
specifier: ^5.7.2
|
||||||
version: 5.7.2
|
version: 5.7.2
|
||||||
@@ -1323,8 +1323,8 @@ packages:
|
|||||||
- utf-8-validate
|
- utf-8-validate
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@dydxprotocol/v4-localization@1.1.26:
|
/@dydxprotocol/v4-localization@1.1.28:
|
||||||
resolution: {integrity: sha512-u+J1J5Up8McwZOcDaG9GrH/A8p4vD2NU2CT2hPdYyKgEd28XeAYvv7bNAQRKdiBaqTePbbF5uB6TMAQnEGnb1A==}
|
resolution: {integrity: sha512-R8hGDbJvZb9HsI0jwYIYDS3aNM3T0aLlXOnogihGrRRibZs874XJy5fCGBW2aRXAyDu56nbjkyuOAQCkF3KP1Q==}
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@dydxprotocol/v4-proto@4.0.0-dev.0:
|
/@dydxprotocol/v4-proto@4.0.0-dev.0:
|
||||||
@@ -12888,10 +12888,6 @@ packages:
|
|||||||
engines: {node: '>=10.5.0'}
|
engines: {node: '>=10.5.0'}
|
||||||
dev: true
|
dev: true
|
||||||
|
|
||||||
/node-fetch-native@1.6.1:
|
|
||||||
resolution: {integrity: sha512-bW9T/uJDPAJB2YNYEpWzE54U5O3MQidXsOyTfnbKYtTtFexRvGzb1waphBN4ZwP6EcIvYYEOwW0b72BpAqydTw==}
|
|
||||||
dev: false
|
|
||||||
|
|
||||||
/node-fetch-native@1.6.2:
|
/node-fetch-native@1.6.2:
|
||||||
resolution: {integrity: sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==}
|
resolution: {integrity: sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==}
|
||||||
dev: false
|
dev: false
|
||||||
@@ -13049,7 +13045,7 @@ packages:
|
|||||||
resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
|
resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
|
||||||
dependencies:
|
dependencies:
|
||||||
destr: 2.0.2
|
destr: 2.0.2
|
||||||
node-fetch-native: 1.6.1
|
node-fetch-native: 1.6.2
|
||||||
ufo: 1.3.2
|
ufo: 1.3.2
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
@@ -15029,7 +15025,7 @@ packages:
|
|||||||
consola: 3.2.3
|
consola: 3.2.3
|
||||||
defu: 6.1.3
|
defu: 6.1.3
|
||||||
mime: 3.0.0
|
mime: 3.0.0
|
||||||
node-fetch-native: 1.6.1
|
node-fetch-native: 1.6.2
|
||||||
pathe: 1.1.1
|
pathe: 1.1.1
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
@@ -15175,7 +15171,7 @@ packages:
|
|||||||
listhen: 1.5.5
|
listhen: 1.5.5
|
||||||
lru-cache: 10.1.0
|
lru-cache: 10.1.0
|
||||||
mri: 1.2.0
|
mri: 1.2.0
|
||||||
node-fetch-native: 1.6.1
|
node-fetch-native: 1.6.2
|
||||||
ofetch: 1.3.3
|
ofetch: 1.3.3
|
||||||
ufo: 1.3.2
|
ufo: 1.3.2
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
|
|||||||
@@ -83,6 +83,14 @@
|
|||||||
"whitepaperLink": "https://docs.blur.foundation/",
|
"whitepaperLink": "https://docs.blur.foundation/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/blur-token/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/blur-token/"
|
||||||
},
|
},
|
||||||
|
"BNB-USD":{
|
||||||
|
"name": "BNB",
|
||||||
|
"tags": ["Layer 1"],
|
||||||
|
"websiteLink": "https://www.bnbchain.org/en",
|
||||||
|
"whitepaperLink": "https://www.exodus.com/assets/docs/binance-coin-whitepaper.pdf",
|
||||||
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/bnb/"
|
||||||
|
|
||||||
|
},
|
||||||
"CELO-USD": {
|
"CELO-USD": {
|
||||||
"name": "Celo",
|
"name": "Celo",
|
||||||
"tags": [],
|
"tags": [],
|
||||||
@@ -125,6 +133,13 @@
|
|||||||
"whitepaperLink": "https://polkadot.network/PolkaDotPaper.pdf",
|
"whitepaperLink": "https://polkadot.network/PolkaDotPaper.pdf",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polkadot-new/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polkadot-new/"
|
||||||
},
|
},
|
||||||
|
"DYM-USD": {
|
||||||
|
"name": "Dymension",
|
||||||
|
"tags": [],
|
||||||
|
"websiteLink": "https://dymension.xyz/",
|
||||||
|
"whitepaperLink": "https://docs.dymension.xyz/dymension-litepaper/dymension-litepaper-index",
|
||||||
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/dymension/"
|
||||||
|
},
|
||||||
"ENJ-USD": {
|
"ENJ-USD": {
|
||||||
"name": "Enjin",
|
"name": "Enjin",
|
||||||
"tags": [],
|
"tags": [],
|
||||||
@@ -364,6 +379,13 @@
|
|||||||
"whitepaperLink": "https://z.cash/technology/",
|
"whitepaperLink": "https://z.cash/technology/",
|
||||||
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/zcash/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/zcash/"
|
||||||
},
|
},
|
||||||
|
"ZETA-USD": {
|
||||||
|
"name": "ZetaChain",
|
||||||
|
"tags": ["Layer 1"],
|
||||||
|
"websiteLink": "https://www.zetachain.com/",
|
||||||
|
"whitepaperLink": "https://www.zetachain.com/whitepaper.pdf",
|
||||||
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/zetachain/"
|
||||||
|
},
|
||||||
"ZRX-USD": {
|
"ZRX-USD": {
|
||||||
"name": "0x",
|
"name": "0x",
|
||||||
"tags": ["Defi"],
|
"tags": ["Defi"],
|
||||||
|
|||||||
@@ -0,0 +1 @@
|
|||||||
|
This file identifies parameters for the optimal performance of various assets with the dYdX v4 open source software ("dYdX Chain"). For information on which assets are likely to be best compatible with dYdX Chain and how likely software compatibility and optimal parameters are assessed, please review the documentation [here](https://docs.dydx.trade/governance/proposing_a_new_market#example-proposal-json). Users considering using the permissionless markets function of the dYdX Chain are encouraged to consult qualified legal counsel to ensure compliance with the laws of their jurisdiction. The information herein does not constitute and should not be relied on as an endorsement or recommendation for any specific market, or investment, legal, or any other form of professional advice. Use of the v4 software is prohibited in the United States, Canada, and sanctioned jurisdictions as described in the [v4 Terms of Use](https://dydx.exchange/v4-terms).
|
||||||
@@ -0,0 +1,608 @@
|
|||||||
|
{
|
||||||
|
"1INCH": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "1INCHUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "1INCH-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "1INCH_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "1INCH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "1INCH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "1INCH_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"AAVE": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "AAVEUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "AAVE-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "aaveusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "AAVEUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "AAVE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "AAVE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "AAVE_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ADA": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ADAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "ADA/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ADAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ADA-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "adausdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "ADAUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ADA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ADA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ADA_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"AGIX": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "AGIXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "AGIXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "AGIX_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "AGIX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "AGIX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "AGIX_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ALGO": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ALGOUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ALGO-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "ALGOUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ALGO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ALGO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ALGO_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"APE": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "APEUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "APE-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "APE_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "APEUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "APE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "APE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "APE_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"APT": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "APTUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "APTUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "APT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "APT_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "aptusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "APTUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "APT-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "APT-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "APT_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ARB": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ARBUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ARBUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ARB-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "arbusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "ARBUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ARB-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ARB-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ARB_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ATOM": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ATOMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ATOMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ATOM-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "ATOM_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "ATOMUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ATOM-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ATOM-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ATOM_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"AVAX": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "AVAXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "AVAX/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "AVAXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "AVAX-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "avaxusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "AVAXUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "AVAX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "AVAX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "AVAX_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"BCH": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "BCHUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "BCH/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "BCHUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "BCH-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "bchusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "BCHUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "BCH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "BCH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "BCH_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"BLUR": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "BLURUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "BLURUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "BLUR-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "BLURUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "BLUR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "BLUR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "BLUR_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"BNB": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "BNBUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "BNBUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "BNB_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "BNB-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "BNB-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "BNB_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"BONK": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "BONKUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "BONKUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "BONK-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "BONK-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "BONK-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "BONK_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"BTC": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "BTCUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "BTC/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "BTCUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "BTC-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "btcusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "BTCUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "BTC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "BTC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "BTC_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"CHZ": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "CHZUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "CHZ-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "CHZUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "CHZ-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "CHZ-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "CHZ_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"CRV": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "CRVUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "CRV-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "CRVUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "CRV-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "CRV-USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"DOGE": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "DOGEUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "DOGEUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "DOGE-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "dogeusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "DOGEUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "DOGE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "DOGE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "DOGE_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"DOT": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "DOTUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "DOTUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "DOT-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "dotusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "DOTUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "DOT-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "DOT-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "DOT_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"DYM": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "DYMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "DYMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "DYM_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "DYM-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "DYM_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ENS": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ENSUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ENS-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "ENS_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ENS-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ENS-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ENS_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"EOS": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "EOSUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "EOSUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "EOS-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "EOS_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "EOSUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "EOS-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "EOS-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "EOS_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ETC": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ETCUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ETCUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ETC-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "etcusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "ETCUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ETC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ETC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ETC_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ETH": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ETHUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "ETH/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ETHUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ETH-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "ethusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "ETHUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ETH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ETH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ETH_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"FET": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "FETUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "FET-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "FETUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "FET-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "FET-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "FET_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"FIL": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "FILUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "FILUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "FIL-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "filusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "FILUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "FIL-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "FIL-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "FIL_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"FTM": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "FTMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "FTMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "FTMUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "FTM-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "FTM-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "FTM_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"GALA": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "GALAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "GALAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "GALA_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "GALAUSD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "GALA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "GALA_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"GMT": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "GMTUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "GMTUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "GMT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "GMT_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "GMT-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "GMT-USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"GRT": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "GRTUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "GRT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "GRT_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "GRTUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "GRT-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "GRT-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "GRT_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"HBAR": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "HBARUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "HBARUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "HBAR-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "HBAR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "HBAR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "HBAR_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ICP": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ICPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ICPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ICP-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "ICPUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ICP-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ICP-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ICP_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"IMX": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "IMXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "IMX-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "IMXUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "IMX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "IMX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "IMX_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"INJ": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "INJUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "INJUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "INJ-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "INJUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "INJ-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "INJ-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "INJ_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"JTO": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "JTOUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "JTOUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "JTO-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "JTO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "JTO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "JTO_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"JUP": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "JUPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "JUPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "JUP_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "JUP-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "JUP_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"KAVA": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "KAVAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "KAVAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "KAVA-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "KAVA_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "KAVAUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "KAVA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "KAVA_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"LDO": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "LDOUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "LDOUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "LDO-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "LDOUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "LDO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "LDO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "LDO_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"LINK": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "LINKUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "LINK/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "LINKUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "LINK-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "LINKUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "LINK-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "LINK-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "LINK_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"LTC": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "LTCUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "LTC/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "LTCUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "LTC-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "ltcusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "LTCUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "LTC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "LTC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "LTC_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"MANA": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "MANAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "MANA-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "MANA_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "MANAUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "MANA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "MANA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "MANA_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"MASK": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "MASKUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "MASKUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "MASK-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "MASK_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "maskusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "MASK-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "MASK-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "MASK_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"MATIC": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "MATICUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "MATIC/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "MATICUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "MATIC-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "maticusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "MATICUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "MATIC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "MATIC-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "MATIC_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"MINA": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "MINAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "MINA-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "MINA_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "MINAUSD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "MINA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "MINA_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"MKR": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "MKRUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "MKR-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "MKRUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "MKR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "MKR-USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"NEAR": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "NEARUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "NEARUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "NEAR-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "nearusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "NEARUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "NEAR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "NEAR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "NEAR_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"OP": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "OPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "OPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "OP-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "OP_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "OPUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "OP-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "OP-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "OP_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ORDI": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "ORDIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ORDIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "ORDI_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "ordiusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ORDI-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ORDI-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ORDI_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"PEPE": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "PEPEUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "PEPEUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "PEPEUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "PEPE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "PEPE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "PEPE_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"PYTH": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "PYTHUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "PYTHUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "PYTH_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "PYTH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "PYTH-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "PYTH_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"RNDR": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "RNDRUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "RNDR-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "RNDRUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "RNDR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "RNDR-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "RNDR_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"RUNE": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "RUNEUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "RUNE_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "RUNEUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "RUNE-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "RUNE_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"SAND": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "SANDUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "SAND-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "SAND_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "SAND-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "SAND-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "SAND_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"SEI": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "SEIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "SEIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "SEI-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "seiusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "SEIUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "SEI-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "SEI_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"SHIB": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "SHIBUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "SHIBUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "SHIB-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "shibusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "SHIBUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "SHIB-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "SHIB-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "SHIB_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"SNX": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "SNXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "SNXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "SNX-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "SNXUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "SNX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "SNX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "SNX_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"SOL": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "SOLUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "SOL/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "SOLUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "SOL-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "solusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "SOLUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "SOL-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "SOL-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "SOL_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"STX": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "STXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "STXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "STX-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "STX_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "STXUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "STX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "STX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "STX_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"SUI": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "SUIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "SUIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "SUI-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "suiusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "SUIUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "SUI-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "SUI-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "SUI_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"TIA": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "TIAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "TIAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "TIA-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "TIAUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "TIA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "TIA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "TIA_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"TRX": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "TRXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "TRXUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "TRX_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "trxusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "TRXUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "TRX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "TRX-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "TRX_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"UNI": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "UNIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "UNIUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "UNI-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "UNIUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "UNI-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "UNI-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "UNI_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"WLD": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "WLDUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "WLDUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "WLD_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "WLD-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "WLD-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "WLD_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"WOO": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "WOOUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "WOO_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "WOO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "WOO-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "WOO_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"XLM": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "XLMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "XLM/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "XLMUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "XLM-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "XLMUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "XLM-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "XLM-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "XLM_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"XRP": [
|
||||||
|
{ "exchangeName": "Binance", "ticker": "XRPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Bitstamp", "ticker": "XRP/USD" },
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "XRPUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "XRP-USD" },
|
||||||
|
{ "exchangeName": "Huobi", "ticker": "xrpusdt", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kraken", "ticker": "XRPUSD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "XRP-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "XRP-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "XRP_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
],
|
||||||
|
"ZETA": [
|
||||||
|
{ "exchangeName": "Bybit", "ticker": "ZETAUSDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "CoinbasePro", "ticker": "ZETA-USD" },
|
||||||
|
{ "exchangeName": "Gate", "ticker": "ZETA_USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Kucoin", "ticker": "ZETA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Okx", "ticker": "ZETA-USDT", "adjustByMarket": "USDT-USD" },
|
||||||
|
{ "exchangeName": "Mexc", "ticker": "ZETA_USDT", "adjustByMarket": "USDT-USD" }
|
||||||
|
]
|
||||||
|
}
|
||||||
+382
-399
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@@ -16,6 +16,7 @@ const assetIcons = {
|
|||||||
AVAX: '/currencies/avax.png',
|
AVAX: '/currencies/avax.png',
|
||||||
BCH: '/currencies/bch.png',
|
BCH: '/currencies/bch.png',
|
||||||
BLUR: '/currencies/blur.png',
|
BLUR: '/currencies/blur.png',
|
||||||
|
BNB: '/currencies/bnb.png',
|
||||||
BONK: '/currencies/bonk.png',
|
BONK: '/currencies/bonk.png',
|
||||||
BTC: '/currencies/btc.png',
|
BTC: '/currencies/btc.png',
|
||||||
CELO: '/currencies/celo.png',
|
CELO: '/currencies/celo.png',
|
||||||
@@ -25,6 +26,7 @@ const assetIcons = {
|
|||||||
DOGE: '/currencies/doge.png',
|
DOGE: '/currencies/doge.png',
|
||||||
DOT: '/currencies/dot.png',
|
DOT: '/currencies/dot.png',
|
||||||
DYDX: '/currencies/dydx.png',
|
DYDX: '/currencies/dydx.png',
|
||||||
|
DYM: '/currencies/dym.png',
|
||||||
ENJ: '/currencies/enj.png',
|
ENJ: '/currencies/enj.png',
|
||||||
EOS: '/currencies/eos.png',
|
EOS: '/currencies/eos.png',
|
||||||
ETC: '/currencies/etc.png',
|
ETC: '/currencies/etc.png',
|
||||||
@@ -62,6 +64,7 @@ const assetIcons = {
|
|||||||
XTZ: '/currencies/xtz.png',
|
XTZ: '/currencies/xtz.png',
|
||||||
YFI: '/currencies/yfi.png',
|
YFI: '/currencies/yfi.png',
|
||||||
ZEC: '/currencies/zec.png',
|
ZEC: '/currencies/zec.png',
|
||||||
|
ZETA: '/currencies/zeta.png',
|
||||||
ZRX: '/currencies/zrx.png',
|
ZRX: '/currencies/zrx.png',
|
||||||
} as const;
|
} as const;
|
||||||
|
|
||||||
|
|||||||
@@ -133,6 +133,7 @@ const detailsLayoutVariants = {
|
|||||||
row: css`
|
row: css`
|
||||||
${layoutMixins.row}
|
${layoutMixins.row}
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
|
white-space: nowrap;
|
||||||
`,
|
`,
|
||||||
|
|
||||||
rowColumns: css`
|
rowColumns: css`
|
||||||
@@ -159,12 +160,16 @@ const itemLayoutVariants: Record<string, FlattenInterpolation<ThemeProps<any>>>
|
|||||||
|
|
||||||
${layoutMixins.spacedRow}
|
${layoutMixins.spacedRow}
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
|
align-items: start;
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
|
||||||
min-height: var(--details-item-height);
|
min-height: var(--details-item-height);
|
||||||
|
|
||||||
> :last-child {
|
> :first-child > abbr {
|
||||||
align-self: stretch;
|
min-width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :last-child {
|
||||||
${layoutMixins.row}
|
${layoutMixins.row}
|
||||||
${layoutMixins.stickyRight}
|
${layoutMixins.stickyRight}
|
||||||
|
|
||||||
@@ -217,8 +222,6 @@ Styled.Details = styled.dl<{
|
|||||||
--details-grid-numColumns: 2;
|
--details-grid-numColumns: 2;
|
||||||
|
|
||||||
${({ layout }) => layout && detailsLayoutVariants[layout]}
|
${({ layout }) => layout && detailsLayoutVariants[layout]}
|
||||||
|
|
||||||
white-space: nowrap;
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Item = styled.div<{
|
Styled.Item = styled.div<{
|
||||||
@@ -231,7 +234,7 @@ Styled.Item = styled.div<{
|
|||||||
${({ justifyItems }) =>
|
${({ justifyItems }) =>
|
||||||
justifyItems === 'end' &&
|
justifyItems === 'end' &&
|
||||||
css`
|
css`
|
||||||
&:nth-child(even) {
|
> :nth-child(even) {
|
||||||
justify-items: end;
|
justify-items: end;
|
||||||
text-align: end;
|
text-align: end;
|
||||||
}
|
}
|
||||||
@@ -243,6 +246,7 @@ Styled.Item = styled.div<{
|
|||||||
{
|
{
|
||||||
column: css`
|
column: css`
|
||||||
&:not(:hover) > :first-child {
|
&:not(:hover) > :first-child {
|
||||||
|
white-space: nowrap;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ export const DetailsDialog = ({ slotIcon, title, items, slotFooter, setIsOpen }:
|
|||||||
placement={isTablet ? DialogPlacement.Default : DialogPlacement.Sidebar}
|
placement={isTablet ? DialogPlacement.Default : DialogPlacement.Sidebar}
|
||||||
>
|
>
|
||||||
<Styled.Content>
|
<Styled.Content>
|
||||||
<Styled.Details withSeparators items={items} />
|
<Styled.Details withSeparators justifyItems="end" items={items} />
|
||||||
|
|
||||||
<Styled.Footer>{slotFooter}</Styled.Footer>
|
<Styled.Footer>{slotFooter}</Styled.Footer>
|
||||||
</Styled.Content>
|
</Styled.Content>
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ export enum DialogTypes {
|
|||||||
Help = 'Help',
|
Help = 'Help',
|
||||||
ExternalNavKeplr = 'ExternalNavKeplr',
|
ExternalNavKeplr = 'ExternalNavKeplr',
|
||||||
MnemonicExport = 'MnemonicExport',
|
MnemonicExport = 'MnemonicExport',
|
||||||
|
MobileDownload = 'MobileDownload',
|
||||||
MobileSignIn = 'MobileSignIn',
|
MobileSignIn = 'MobileSignIn',
|
||||||
Onboarding = 'Onboarding',
|
Onboarding = 'Onboarding',
|
||||||
OrderDetails = 'OrderDetails',
|
OrderDetails = 'OrderDetails',
|
||||||
|
|||||||
+54
-20
@@ -4,7 +4,6 @@ import { AlertType } from '@/constants/alerts';
|
|||||||
import { STRING_KEYS } from '@/constants/localization';
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
import { TimeUnitShort } from '@/constants/time';
|
import { TimeUnitShort } from '@/constants/time';
|
||||||
|
|
||||||
// TODO: rename to OrderType
|
|
||||||
export enum TradeTypes {
|
export enum TradeTypes {
|
||||||
MARKET = 'MARKET',
|
MARKET = 'MARKET',
|
||||||
LIMIT = 'LIMIT',
|
LIMIT = 'LIMIT',
|
||||||
@@ -15,6 +14,16 @@ export enum TradeTypes {
|
|||||||
TRAILING_STOP = 'TRAILING_STOP',
|
TRAILING_STOP = 'TRAILING_STOP',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
enum ClosingTradeTypes {
|
||||||
|
LIQUIDATED = 'LIQUIDATED',
|
||||||
|
LIQUIDATION = 'LIQUIDATION',
|
||||||
|
OFFSETTING = 'OFFSETTING',
|
||||||
|
DELEVERAGED = 'DELEVERAGED',
|
||||||
|
FINAL_SETTLEMENT = 'FINAL_SETTLEMENT',
|
||||||
|
}
|
||||||
|
|
||||||
|
export type OrderType = TradeTypes | ClosingTradeTypes;
|
||||||
|
|
||||||
export enum TimeInForceOptions {
|
export enum TimeInForceOptions {
|
||||||
GTT = 'GTT',
|
GTT = 'GTT',
|
||||||
FOK = 'FOK',
|
FOK = 'FOK',
|
||||||
@@ -40,49 +49,74 @@ export const POSITION_SIDE_STRINGS: Record<PositionSide, string> = {
|
|||||||
[PositionSide.Short]: STRING_KEYS.SHORT_POSITION_SHORT,
|
[PositionSide.Short]: STRING_KEYS.SHORT_POSITION_SHORT,
|
||||||
};
|
};
|
||||||
|
|
||||||
export const TRADE_TYPE_STRINGS: Record<
|
export const ORDER_TYPE_STRINGS: Record<
|
||||||
TradeTypes,
|
OrderType,
|
||||||
{
|
{
|
||||||
tradeTypeKeyShort: string;
|
orderTypeKeyShort: string;
|
||||||
tradeTypeKey: string;
|
orderTypeKey: string;
|
||||||
descriptionKey: string;
|
descriptionKey: string | null;
|
||||||
}
|
}
|
||||||
> = {
|
> = {
|
||||||
[TradeTypes.LIMIT]: {
|
[TradeTypes.LIMIT]: {
|
||||||
tradeTypeKeyShort: STRING_KEYS.LIMIT_ORDER_SHORT,
|
orderTypeKeyShort: STRING_KEYS.LIMIT_ORDER_SHORT,
|
||||||
tradeTypeKey: STRING_KEYS.LIMIT_ORDER,
|
orderTypeKey: STRING_KEYS.LIMIT_ORDER,
|
||||||
descriptionKey: STRING_KEYS.LIMIT_ORDER_DESCRIPTION,
|
descriptionKey: STRING_KEYS.LIMIT_ORDER_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.MARKET]: {
|
[TradeTypes.MARKET]: {
|
||||||
tradeTypeKeyShort: STRING_KEYS.MARKET_ORDER_SHORT,
|
orderTypeKeyShort: STRING_KEYS.MARKET_ORDER_SHORT,
|
||||||
tradeTypeKey: STRING_KEYS.MARKET_ORDER,
|
orderTypeKey: STRING_KEYS.MARKET_ORDER,
|
||||||
descriptionKey: STRING_KEYS.MARKET_ORDER_DESCRIPTION,
|
descriptionKey: STRING_KEYS.MARKET_ORDER_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.STOP_LIMIT]: {
|
[TradeTypes.STOP_LIMIT]: {
|
||||||
tradeTypeKeyShort: STRING_KEYS.STOP_LIMIT,
|
orderTypeKeyShort: STRING_KEYS.STOP_LIMIT,
|
||||||
tradeTypeKey: STRING_KEYS.STOP_LIMIT,
|
orderTypeKey: STRING_KEYS.STOP_LIMIT,
|
||||||
descriptionKey: STRING_KEYS.STOP_LIMIT_DESCRIPTION,
|
descriptionKey: STRING_KEYS.STOP_LIMIT_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.STOP_MARKET]: {
|
[TradeTypes.STOP_MARKET]: {
|
||||||
tradeTypeKeyShort: STRING_KEYS.STOP_MARKET,
|
orderTypeKeyShort: STRING_KEYS.STOP_MARKET,
|
||||||
tradeTypeKey: STRING_KEYS.STOP_MARKET,
|
orderTypeKey: STRING_KEYS.STOP_MARKET,
|
||||||
descriptionKey: STRING_KEYS.STOP_MARKET_DESCRIPTION,
|
descriptionKey: STRING_KEYS.STOP_MARKET_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.TAKE_PROFIT]: {
|
[TradeTypes.TAKE_PROFIT]: {
|
||||||
tradeTypeKeyShort: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
orderTypeKeyShort: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
||||||
tradeTypeKey: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
orderTypeKey: STRING_KEYS.TAKE_PROFIT_LIMIT,
|
||||||
descriptionKey: STRING_KEYS.TAKE_PROFIT_LIMIT_DESCRIPTION,
|
descriptionKey: STRING_KEYS.TAKE_PROFIT_LIMIT_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.TAKE_PROFIT_MARKET]: {
|
[TradeTypes.TAKE_PROFIT_MARKET]: {
|
||||||
tradeTypeKeyShort: STRING_KEYS.TAKE_PROFIT_MARKET,
|
orderTypeKeyShort: STRING_KEYS.TAKE_PROFIT_MARKET,
|
||||||
tradeTypeKey: STRING_KEYS.TAKE_PROFIT_MARKET,
|
orderTypeKey: STRING_KEYS.TAKE_PROFIT_MARKET,
|
||||||
descriptionKey: STRING_KEYS.TAKE_PROFIT_MARKET_DESCRIPTION,
|
descriptionKey: STRING_KEYS.TAKE_PROFIT_MARKET_DESCRIPTION,
|
||||||
},
|
},
|
||||||
[TradeTypes.TRAILING_STOP]: {
|
[TradeTypes.TRAILING_STOP]: {
|
||||||
tradeTypeKeyShort: STRING_KEYS.TRAILING_STOP,
|
orderTypeKeyShort: STRING_KEYS.TRAILING_STOP,
|
||||||
tradeTypeKey: STRING_KEYS.TRAILING_STOP,
|
orderTypeKey: STRING_KEYS.TRAILING_STOP,
|
||||||
descriptionKey: STRING_KEYS.TRAILING_STOP_DESCRIPTION,
|
descriptionKey: STRING_KEYS.TRAILING_STOP_DESCRIPTION,
|
||||||
},
|
},
|
||||||
|
[ClosingTradeTypes.LIQUIDATED]: {
|
||||||
|
orderTypeKeyShort: STRING_KEYS.LIQUIDATED,
|
||||||
|
orderTypeKey: STRING_KEYS.LIQUIDATED,
|
||||||
|
descriptionKey: null,
|
||||||
|
},
|
||||||
|
[ClosingTradeTypes.LIQUIDATION]: {
|
||||||
|
orderTypeKeyShort: STRING_KEYS.LIQUIDATION,
|
||||||
|
orderTypeKey: STRING_KEYS.LIQUIDATION,
|
||||||
|
descriptionKey: null,
|
||||||
|
},
|
||||||
|
[ClosingTradeTypes.OFFSETTING]: {
|
||||||
|
orderTypeKeyShort: STRING_KEYS.OFFSETTING,
|
||||||
|
orderTypeKey: STRING_KEYS.OFFSETTING,
|
||||||
|
descriptionKey: null,
|
||||||
|
},
|
||||||
|
[ClosingTradeTypes.DELEVERAGED]: {
|
||||||
|
orderTypeKeyShort: STRING_KEYS.DELEVERAGED,
|
||||||
|
orderTypeKey: STRING_KEYS.DELEVERAGED,
|
||||||
|
descriptionKey: null,
|
||||||
|
},
|
||||||
|
[ClosingTradeTypes.FINAL_SETTLEMENT]: {
|
||||||
|
orderTypeKeyShort: STRING_KEYS.FINAL_SETTLEMENT,
|
||||||
|
orderTypeKey: STRING_KEYS.FINAL_SETTLEMENT,
|
||||||
|
descriptionKey: null,
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
export const GOOD_TIL_TIME_TIMESCALE_STRINGS: Record<TimeUnitShort, string> = {
|
export const GOOD_TIL_TIME_TIMESCALE_STRINGS: Record<TimeUnitShort, string> = {
|
||||||
|
|||||||
@@ -5,9 +5,11 @@ import isEmpty from 'lodash/isEmpty';
|
|||||||
import { LanguageCode, ResolutionString, widget } from 'public/tradingview/charting_library';
|
import { LanguageCode, ResolutionString, widget } from 'public/tradingview/charting_library';
|
||||||
|
|
||||||
import { DEFAULT_RESOLUTION } from '@/constants/candles';
|
import { DEFAULT_RESOLUTION } from '@/constants/candles';
|
||||||
import { SUPPORTED_LOCALE_BASE_TAGS } from '@/constants/localization';
|
import { SUPPORTED_LOCALE_BASE_TAGS, STRING_KEYS } from '@/constants/localization';
|
||||||
|
|
||||||
import { LocalStorageKey } from '@/constants/localStorage';
|
import { LocalStorageKey } from '@/constants/localStorage';
|
||||||
import { useDydxClient, useLocalStorage } from '@/hooks';
|
|
||||||
|
import { useDydxClient, useLocalStorage, useStringGetter } from '@/hooks';
|
||||||
import { store } from '@/state/_store';
|
import { store } from '@/state/_store';
|
||||||
|
|
||||||
import { getSelectedNetwork } from '@/state/appSelectors';
|
import { getSelectedNetwork } from '@/state/appSelectors';
|
||||||
@@ -23,14 +25,19 @@ import { getSavedResolution, getWidgetOptions, getWidgetOverrides } from '@/lib/
|
|||||||
*/
|
*/
|
||||||
export const useTradingView = ({
|
export const useTradingView = ({
|
||||||
tvWidgetRef,
|
tvWidgetRef,
|
||||||
|
displayButtonRef,
|
||||||
setIsChartReady,
|
setIsChartReady,
|
||||||
}: {
|
}: {
|
||||||
tvWidgetRef: React.MutableRefObject<any>;
|
tvWidgetRef: React.MutableRefObject<any>;
|
||||||
|
displayButtonRef: React.MutableRefObject<any>;
|
||||||
setIsChartReady: React.Dispatch<React.SetStateAction<boolean>>;
|
setIsChartReady: React.Dispatch<React.SetStateAction<boolean>>;
|
||||||
}) => {
|
}) => {
|
||||||
const marketId = useSelector(getCurrentMarketId);
|
const stringGetter = useStringGetter();
|
||||||
|
|
||||||
const appTheme = useSelector(getAppTheme);
|
const appTheme = useSelector(getAppTheme);
|
||||||
const appColorMode = useSelector(getAppColorMode);
|
const appColorMode = useSelector(getAppColorMode);
|
||||||
|
|
||||||
|
const marketId = useSelector(getCurrentMarketId);
|
||||||
const marketIds = useSelector(getMarketIds, shallowEqual);
|
const marketIds = useSelector(getMarketIds, shallowEqual);
|
||||||
const selectedLocale = useSelector(getSelectedLocale);
|
const selectedLocale = useSelector(getSelectedLocale);
|
||||||
const selectedNetwork = useSelector(getSelectedNetwork);
|
const selectedNetwork = useSelector(getSelectedNetwork);
|
||||||
@@ -49,7 +56,6 @@ export const useTradingView = ({
|
|||||||
const widgetOptions = getWidgetOptions();
|
const widgetOptions = getWidgetOptions();
|
||||||
const widgetOverrides = getWidgetOverrides({ appTheme, appColorMode });
|
const widgetOverrides = getWidgetOverrides({ appTheme, appColorMode });
|
||||||
const options = {
|
const options = {
|
||||||
// debug: true,
|
|
||||||
...widgetOptions,
|
...widgetOptions,
|
||||||
...widgetOverrides,
|
...widgetOverrides,
|
||||||
datafeed: getDydxDatafeed(store, getCandlesForDatafeed),
|
datafeed: getDydxDatafeed(store, getCandlesForDatafeed),
|
||||||
@@ -63,6 +69,17 @@ export const useTradingView = ({
|
|||||||
tvWidgetRef.current = tvChartWidget;
|
tvWidgetRef.current = tvChartWidget;
|
||||||
|
|
||||||
tvWidgetRef.current.onChartReady(() => {
|
tvWidgetRef.current.onChartReady(() => {
|
||||||
|
tvWidgetRef?.current?.headerReady().then(() => {
|
||||||
|
displayButtonRef.current = tvWidgetRef?.current?.createButton();
|
||||||
|
displayButtonRef.current.innerHTML = `<span>${stringGetter({
|
||||||
|
key: STRING_KEYS.ORDER_LINES,
|
||||||
|
})}</span> <div class="displayOrdersButton-toggle"></div>`;
|
||||||
|
displayButtonRef.current.setAttribute(
|
||||||
|
'title',
|
||||||
|
stringGetter({ key: STRING_KEYS.ORDER_LINES_TOOLTIP })
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
tvWidgetRef?.current?.subscribe('onAutoSaveNeeded', () =>
|
tvWidgetRef?.current?.subscribe('onAutoSaveNeeded', () =>
|
||||||
tvWidgetRef?.current?.save((chartConfig: object) => setTvChartConfig(chartConfig))
|
tvWidgetRef?.current?.save((chartConfig: object) => setTvChartConfig(chartConfig))
|
||||||
);
|
);
|
||||||
@@ -72,6 +89,8 @@ export const useTradingView = ({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
|
displayButtonRef.current?.remove();
|
||||||
|
displayButtonRef.current = null;
|
||||||
tvWidgetRef.current?.remove();
|
tvWidgetRef.current?.remove();
|
||||||
tvWidgetRef.current = null;
|
tvWidgetRef.current = null;
|
||||||
setIsChartReady(false);
|
setIsChartReady(false);
|
||||||
|
|||||||
@@ -1,12 +1,16 @@
|
|||||||
import { useEffect } from 'react';
|
import { useEffect } from 'react';
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
|
|
||||||
import type { IChartingLibraryWidget, ThemeName } from 'public/tradingview/charting_library';
|
import type {
|
||||||
|
IChartingLibraryWidget,
|
||||||
|
IOrderLineAdapter,
|
||||||
|
ThemeName,
|
||||||
|
} from 'public/tradingview/charting_library';
|
||||||
|
|
||||||
import { AppColorMode, AppTheme } from '@/state/configs';
|
import { AppColorMode, AppTheme } from '@/state/configs';
|
||||||
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
||||||
|
|
||||||
import { getWidgetOverrides } from '@/lib/tradingView/utils';
|
import { getWidgetOverrides, getOrderLineColors } from '@/lib/tradingView/utils';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description Method to define a type guard and check that an element is an IFRAME
|
* @description Method to define a type guard and check that an element is an IFRAME
|
||||||
@@ -22,9 +26,11 @@ const isIFrame = (element: HTMLElement | null): element is HTMLIFrameElement =>
|
|||||||
* In order to support our Classic along with Dark/Light, we are directly accessing the <html> within the iFrame.
|
* In order to support our Classic along with Dark/Light, we are directly accessing the <html> within the iFrame.
|
||||||
*/
|
*/
|
||||||
export const useTradingViewTheme = ({
|
export const useTradingViewTheme = ({
|
||||||
|
orderLines,
|
||||||
tvWidget,
|
tvWidget,
|
||||||
isWidgetReady,
|
isWidgetReady,
|
||||||
}: {
|
}: {
|
||||||
|
orderLines: Record<string, IOrderLineAdapter>;
|
||||||
tvWidget: (IChartingLibraryWidget & { _id?: string; _ready?: boolean }) | null;
|
tvWidget: (IChartingLibraryWidget & { _id?: string; _ready?: boolean }) | null;
|
||||||
isWidgetReady?: boolean;
|
isWidgetReady?: boolean;
|
||||||
}) => {
|
}) => {
|
||||||
@@ -37,8 +43,8 @@ export const useTradingViewTheme = ({
|
|||||||
.changeTheme?.(
|
.changeTheme?.(
|
||||||
{
|
{
|
||||||
[AppTheme.Classic]: '',
|
[AppTheme.Classic]: '',
|
||||||
[AppTheme.Dark]: 'Dark',
|
[AppTheme.Dark]: 'dark',
|
||||||
[AppTheme.Light]: 'Light',
|
[AppTheme.Light]: 'light',
|
||||||
}[appTheme] as ThemeName
|
}[appTheme] as ThemeName
|
||||||
)
|
)
|
||||||
.then(() => {
|
.then(() => {
|
||||||
@@ -49,9 +55,17 @@ export const useTradingViewTheme = ({
|
|||||||
|
|
||||||
if (isIFrame(frame) && frame.contentWindow) {
|
if (isIFrame(frame) && frame.contentWindow) {
|
||||||
const innerHtml = frame.contentWindow.document.documentElement;
|
const innerHtml = frame.contentWindow.document.documentElement;
|
||||||
|
switch (appTheme) {
|
||||||
if (appTheme === AppTheme.Classic) {
|
case AppTheme.Classic:
|
||||||
innerHtml?.classList.remove('theme-dark', 'theme-light');
|
innerHtml?.classList.remove('theme-dark', 'theme-light');
|
||||||
|
break;
|
||||||
|
case AppTheme.Dark:
|
||||||
|
innerHtml?.classList.remove('theme-light');
|
||||||
|
innerHtml?.classList.add('theme-dark');
|
||||||
|
break;
|
||||||
|
case AppTheme.Light:
|
||||||
|
innerHtml?.classList.remove('theme-dark');
|
||||||
|
innerHtml?.classList.add('theme-light');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -73,7 +87,22 @@ export const useTradingViewTheme = ({
|
|||||||
'volume.color.1': studies_overrides['volume.volume.color.1'],
|
'volume.color.1': studies_overrides['volume.volume.color.1'],
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Necessary to update existing chart lines
|
||||||
|
Object.entries(orderLines).forEach(([key, line]) => {
|
||||||
|
const { orderColor, borderColor, backgroundColor, textColor, textButtonColor } =
|
||||||
|
getOrderLineColors({ side: key.split('-')[0], appTheme, appColorMode });
|
||||||
|
|
||||||
|
line
|
||||||
|
.setLineColor(orderColor)
|
||||||
|
.setQuantityBackgroundColor(orderColor)
|
||||||
|
.setQuantityBorderColor(borderColor)
|
||||||
|
.setBodyBackgroundColor(backgroundColor)
|
||||||
|
.setBodyBorderColor(borderColor)
|
||||||
|
.setBodyTextColor(textColor)
|
||||||
|
.setQuantityTextColor(textButtonColor);
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}, [appTheme, appColorMode]);
|
}, [appTheme, appColorMode, isWidgetReady]);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -47,8 +47,9 @@ export const PotentialMarketsProvider = ({ ...props }) => (
|
|||||||
|
|
||||||
export const usePotentialMarkets = () => useContext(PotentialMarketsContext);
|
export const usePotentialMarkets = () => useContext(PotentialMarketsContext);
|
||||||
|
|
||||||
const EXCHANGE_CONFIG_FILE_PATH = '/configs/potentialMarketExchangeConfig.json';
|
|
||||||
const POTENTIAL_MARKETS_FILE_PATH = '/configs/potentialMarketParameters.json';
|
const EXCHANGE_CONFIG_FILE_PATH = '/configs/otherMarketExchangeConfig.json';
|
||||||
|
const POTENTIAL_MARKETS_FILE_PATH = '/configs/otherMarketParameters.json';
|
||||||
|
|
||||||
export const usePotentialMarketsContext = () => {
|
export const usePotentialMarketsContext = () => {
|
||||||
const stringGetter = useStringGetter();
|
const stringGetter = useStringGetter();
|
||||||
|
|||||||
@@ -62,6 +62,7 @@ export const DialogManager = () => {
|
|||||||
[DialogTypes.ExternalLink]: <ExternalLinkDialog {...modalProps} />,
|
[DialogTypes.ExternalLink]: <ExternalLinkDialog {...modalProps} />,
|
||||||
[DialogTypes.ExternalNavStride]: <ExternalNavStrideDialog {...modalProps} />,
|
[DialogTypes.ExternalNavStride]: <ExternalNavStrideDialog {...modalProps} />,
|
||||||
[DialogTypes.MnemonicExport]: <MnemonicExportDialog {...modalProps} />,
|
[DialogTypes.MnemonicExport]: <MnemonicExportDialog {...modalProps} />,
|
||||||
|
[DialogTypes.MobileDownload]: <MobilDownloadDialog {...modalProps} />,
|
||||||
[DialogTypes.MobileSignIn]: <MobileSignInDialog {...modalProps} />,
|
[DialogTypes.MobileSignIn]: <MobileSignInDialog {...modalProps} />,
|
||||||
[DialogTypes.Onboarding]: <OnboardingDialog {...modalProps} />,
|
[DialogTypes.Onboarding]: <OnboardingDialog {...modalProps} />,
|
||||||
[DialogTypes.OrderDetails]: <OrderDetailsDialog {...modalProps} />,
|
[DialogTypes.OrderDetails]: <OrderDetailsDialog {...modalProps} />,
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
|
import { OrderSide } from '@dydxprotocol/v4-client-js';
|
||||||
|
|
||||||
import { Candle, TradingViewBar, TradingViewSymbol } from '@/constants/candles';
|
import { Candle, TradingViewBar, TradingViewSymbol } from '@/constants/candles';
|
||||||
|
|
||||||
import type { AppTheme, AppColorMode } from '@/state/configs';
|
import { AppTheme, type AppColorMode } from '@/state/configs';
|
||||||
|
|
||||||
import { Themes } from '@/styles/themes';
|
import { Themes } from '@/styles/themes';
|
||||||
|
|
||||||
@@ -47,6 +49,30 @@ export const getHistorySlice = ({
|
|||||||
return bars.filter(({ time }) => time >= fromMs);
|
return bars.filter(({ time }) => time >= fromMs);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const getOrderLineColors = ({
|
||||||
|
appTheme,
|
||||||
|
appColorMode,
|
||||||
|
side,
|
||||||
|
}: {
|
||||||
|
appTheme: AppTheme;
|
||||||
|
appColorMode: AppColorMode;
|
||||||
|
side: OrderSide;
|
||||||
|
}) => {
|
||||||
|
const theme = Themes[appTheme][appColorMode];
|
||||||
|
const orderColor = {
|
||||||
|
[OrderSide.BUY]: theme.positive,
|
||||||
|
[OrderSide.SELL]: theme.negative,
|
||||||
|
}[side];
|
||||||
|
|
||||||
|
return {
|
||||||
|
orderColor,
|
||||||
|
borderColor: theme.borderDefault,
|
||||||
|
backgroundColor: theme.layer1,
|
||||||
|
textColor: theme.textTertiary,
|
||||||
|
textButtonColor: theme.textButton,
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
export const getWidgetOverrides = ({
|
export const getWidgetOverrides = ({
|
||||||
appTheme,
|
appTheme,
|
||||||
appColorMode,
|
appColorMode,
|
||||||
@@ -57,6 +83,7 @@ export const getWidgetOverrides = ({
|
|||||||
const theme = Themes[appTheme][appColorMode];
|
const theme = Themes[appTheme][appColorMode];
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
theme: appTheme === AppTheme.Dark ? 'dark' : AppTheme.Light ? 'light' : '',
|
||||||
overrides: {
|
overrides: {
|
||||||
'paneProperties.background': theme.layer2,
|
'paneProperties.background': theme.layer2,
|
||||||
'paneProperties.horzGridProperties.color': theme.layer3,
|
'paneProperties.horzGridProperties.color': theme.layer3,
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { useSelector, shallowEqual } from 'react-redux';
|
|||||||
import styled, { AnyStyledComponent } from 'styled-components';
|
import styled, { AnyStyledComponent } from 'styled-components';
|
||||||
|
|
||||||
import { STRING_KEYS } from '@/constants/localization';
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
import { TRADE_TYPE_STRINGS } from '@/constants/trade';
|
import { ORDER_TYPE_STRINGS } from '@/constants/trade';
|
||||||
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
@@ -43,7 +43,7 @@ export const TradeDialogTrigger = () => {
|
|||||||
<Styled.TradeSummary>
|
<Styled.TradeSummary>
|
||||||
<Styled.TradeType>
|
<Styled.TradeType>
|
||||||
<span>
|
<span>
|
||||||
{stringGetter({ key: TRADE_TYPE_STRINGS[selectedTradeType].tradeTypeKey })}
|
{stringGetter({ key: ORDER_TYPE_STRINGS[selectedTradeType].orderTypeKey })}
|
||||||
</span>
|
</span>
|
||||||
<OrderSideTag size={TagSize.Medium} orderSide={selectedOrderSide} />
|
<OrderSideTag size={TagSize.Medium} orderSide={selectedOrderSide} />
|
||||||
</Styled.TradeType>
|
</Styled.TradeType>
|
||||||
|
|||||||
@@ -48,12 +48,12 @@ export const DepthChartTooltipContent = ({
|
|||||||
const depthChartSeries = nearestDatum.key as DepthChartSeries;
|
const depthChartSeries = nearestDatum.key as DepthChartSeries;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
[DepthChartSeries.Bids]: MustBigNumber(nearestDatum?.datum.price)
|
[DepthChartSeries.Bids]: MustBigNumber(midMarketPrice)
|
||||||
.minus(chartPointAtPointer.price)
|
|
||||||
.div(nearestDatum?.datum.price),
|
|
||||||
[DepthChartSeries.Asks]: MustBigNumber(chartPointAtPointer.price)
|
|
||||||
.minus(nearestDatum?.datum.price)
|
.minus(nearestDatum?.datum.price)
|
||||||
.div(chartPointAtPointer.price),
|
.div(midMarketPrice),
|
||||||
|
[DepthChartSeries.Asks]: MustBigNumber(nearestDatum?.datum.price)
|
||||||
|
.minus(midMarketPrice)
|
||||||
|
.div(midMarketPrice),
|
||||||
[DepthChartSeries.MidMarket]: undefined,
|
[DepthChartSeries.MidMarket]: undefined,
|
||||||
}[depthChartSeries];
|
}[depthChartSeries];
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,28 +1,52 @@
|
|||||||
import { useEffect, useRef, useState } from 'react';
|
import { useEffect, useRef, useState } from 'react';
|
||||||
|
|
||||||
|
import { shallowEqual, useDispatch, useSelector } from 'react-redux';
|
||||||
import styled, { type AnyStyledComponent, css } from 'styled-components';
|
import styled, { type AnyStyledComponent, css } from 'styled-components';
|
||||||
import { useDispatch, useSelector } from 'react-redux';
|
|
||||||
|
|
||||||
import type { IChartingLibraryWidget, ResolutionString } from 'public/tradingview/charting_library';
|
import type {
|
||||||
|
IChartingLibraryWidget,
|
||||||
|
IOrderLineAdapter,
|
||||||
|
ResolutionString,
|
||||||
|
} from 'public/tradingview/charting_library';
|
||||||
|
|
||||||
import { DEFAULT_MARKETID } from '@/constants/markets';
|
import { AbacusOrderStatus } from '@/constants/abacus';
|
||||||
import { DEFAULT_RESOLUTION, RESOLUTION_CHART_CONFIGS } from '@/constants/candles';
|
import { DEFAULT_RESOLUTION, RESOLUTION_CHART_CONFIGS } from '@/constants/candles';
|
||||||
|
import { DEFAULT_MARKETID } from '@/constants/markets';
|
||||||
|
import { type OrderType, ORDER_TYPE_STRINGS } from '@/constants/trade';
|
||||||
|
|
||||||
|
import { useStringGetter } from '@/hooks';
|
||||||
import { useTradingView, useTradingViewTheme } from '@/hooks/tradingView';
|
import { useTradingView, useTradingViewTheme } from '@/hooks/tradingView';
|
||||||
|
|
||||||
import { LoadingSpace } from '@/components/Loading/LoadingSpinner';
|
import { LoadingSpace } from '@/components/Loading/LoadingSpinner';
|
||||||
|
|
||||||
|
import { getCurrentMarketOrders } from '@/state/accountSelectors';
|
||||||
|
import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
|
||||||
import { setTvChartResolution } from '@/state/perpetuals';
|
import { setTvChartResolution } from '@/state/perpetuals';
|
||||||
|
|
||||||
import { getCurrentMarketId, getSelectedResolutionForMarket } from '@/state/perpetualsSelectors';
|
import { getCurrentMarketId, getSelectedResolutionForMarket } from '@/state/perpetualsSelectors';
|
||||||
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
|
import { MustBigNumber } from '@/lib/numbers';
|
||||||
|
import { getOrderLineColors } from '@/lib/tradingView/utils';
|
||||||
|
|
||||||
type TvWidget = IChartingLibraryWidget & { _id?: string; _ready?: boolean };
|
type TvWidget = IChartingLibraryWidget & { _id?: string; _ready?: boolean };
|
||||||
|
|
||||||
export const TvChart = () => {
|
let orderLines: Record<string, IOrderLineAdapter> = {};
|
||||||
const [isChartReady, setIsChartReady] = useState(false);
|
|
||||||
|
|
||||||
|
export const TvChart = () => {
|
||||||
const dispatch = useDispatch();
|
const dispatch = useDispatch();
|
||||||
|
const stringGetter = useStringGetter();
|
||||||
|
|
||||||
|
const [isChartReady, setIsChartReady] = useState(false);
|
||||||
|
const [showOrderLines, setShowOrderLines] = useState(false);
|
||||||
|
|
||||||
|
const displayButtonRef = useRef<HTMLElement | null>(null);
|
||||||
|
|
||||||
|
const appTheme = useSelector(getAppTheme);
|
||||||
|
const appColorMode = useSelector(getAppColorMode);
|
||||||
|
|
||||||
const currentMarketId: string = useSelector(getCurrentMarketId) || DEFAULT_MARKETID;
|
const currentMarketId: string = useSelector(getCurrentMarketId) || DEFAULT_MARKETID;
|
||||||
|
const currentMarketOrders = useSelector(getCurrentMarketOrders, shallowEqual);
|
||||||
|
|
||||||
const selectedResolution: string =
|
const selectedResolution: string =
|
||||||
useSelector(getSelectedResolutionForMarket(currentMarketId)) || DEFAULT_RESOLUTION;
|
useSelector(getSelectedResolutionForMarket(currentMarketId)) || DEFAULT_RESOLUTION;
|
||||||
@@ -33,8 +57,8 @@ export const TvChart = () => {
|
|||||||
const chart = isWidgetReady ? tvWidget?.chart() : undefined;
|
const chart = isWidgetReady ? tvWidget?.chart() : undefined;
|
||||||
const chartResolution = chart?.resolution?.();
|
const chartResolution = chart?.resolution?.();
|
||||||
|
|
||||||
const { savedResolution } = useTradingView({ tvWidgetRef, setIsChartReady });
|
const { savedResolution } = useTradingView({ tvWidgetRef, displayButtonRef, setIsChartReady });
|
||||||
useTradingViewTheme({ tvWidget, isWidgetReady });
|
useTradingViewTheme({ tvWidget, isWidgetReady, orderLines });
|
||||||
|
|
||||||
const setVisibleRangeForResolution = ({ resolution }: { resolution: ResolutionString }) => {
|
const setVisibleRangeForResolution = ({ resolution }: { resolution: ResolutionString }) => {
|
||||||
// Different resolutions have different timeframes to display data efficiently.
|
// Different resolutions have different timeframes to display data efficiently.
|
||||||
@@ -49,6 +73,9 @@ export const TvChart = () => {
|
|||||||
tvWidget?.activeChart().setVisibleRange(newRange, { percentRightMargin: 10 });
|
tvWidget?.activeChart().setVisibleRange(newRange, { percentRightMargin: 10 });
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Hook to handle changing chart resolution
|
||||||
|
*/
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (chartResolution) {
|
if (chartResolution) {
|
||||||
if (chartResolution !== selectedResolution) {
|
if (chartResolution !== selectedResolution) {
|
||||||
@@ -69,6 +96,111 @@ export const TvChart = () => {
|
|||||||
}
|
}
|
||||||
}, [currentMarketId, isWidgetReady]);
|
}, [currentMarketId, isWidgetReady]);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Hook to handle order line toggle state
|
||||||
|
*/
|
||||||
|
useEffect(() => {
|
||||||
|
if (isChartReady && displayButtonRef && displayButtonRef.current) {
|
||||||
|
displayButtonRef.current.onclick = () => {
|
||||||
|
const newShowOrderLinesState = !showOrderLines;
|
||||||
|
if (newShowOrderLinesState) {
|
||||||
|
displayButtonRef.current?.classList?.add('order-lines-active');
|
||||||
|
} else {
|
||||||
|
displayButtonRef.current?.classList?.remove('order-lines-active');
|
||||||
|
}
|
||||||
|
setShowOrderLines(newShowOrderLinesState);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}, [isChartReady, showOrderLines]);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Hook to handle drawing order lines
|
||||||
|
*/
|
||||||
|
useEffect(() => {
|
||||||
|
if (tvWidget && isChartReady) {
|
||||||
|
tvWidget.onChartReady(() => {
|
||||||
|
tvWidget.chart().dataReady(() => {
|
||||||
|
if (showOrderLines) {
|
||||||
|
drawOrderLines();
|
||||||
|
} else {
|
||||||
|
deleteOrderLines();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, [isChartReady, showOrderLines, currentMarketOrders, currentMarketId]);
|
||||||
|
|
||||||
|
const drawOrderLines = () => {
|
||||||
|
if (!currentMarketOrders) return;
|
||||||
|
currentMarketOrders.forEach(
|
||||||
|
({
|
||||||
|
id,
|
||||||
|
type,
|
||||||
|
status,
|
||||||
|
side,
|
||||||
|
cancelReason,
|
||||||
|
remainingSize,
|
||||||
|
size,
|
||||||
|
triggerPrice,
|
||||||
|
price,
|
||||||
|
trailingPercent,
|
||||||
|
}) => {
|
||||||
|
const key = `${side.rawValue}-${id}`;
|
||||||
|
const quantity = (remainingSize ?? size).toString();
|
||||||
|
|
||||||
|
const orderType = type.rawValue as OrderType;
|
||||||
|
const orderLabel = stringGetter({
|
||||||
|
key: ORDER_TYPE_STRINGS[orderType].orderTypeKey,
|
||||||
|
});
|
||||||
|
const orderString = trailingPercent ? `${orderLabel} ${trailingPercent}%` : orderLabel;
|
||||||
|
|
||||||
|
const shouldShow =
|
||||||
|
!cancelReason &&
|
||||||
|
(status === AbacusOrderStatus.open || status === AbacusOrderStatus.untriggered);
|
||||||
|
|
||||||
|
const maybeOrderLine = key in orderLines ? orderLines[key] : null;
|
||||||
|
if (maybeOrderLine) {
|
||||||
|
if (!shouldShow) {
|
||||||
|
maybeOrderLine.remove();
|
||||||
|
delete orderLines[key];
|
||||||
|
return;
|
||||||
|
} else if (maybeOrderLine.getQuantity() !== quantity) {
|
||||||
|
maybeOrderLine.setQuantity(quantity);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
} else if (shouldShow) {
|
||||||
|
const { orderColor, borderColor, backgroundColor, textColor, textButtonColor } =
|
||||||
|
getOrderLineColors({ side: side.rawValue, appTheme, appColorMode });
|
||||||
|
|
||||||
|
const orderLine = tvWidget
|
||||||
|
?.chart()
|
||||||
|
.createOrderLine({ disableUndo: false })
|
||||||
|
.setPrice(MustBigNumber(triggerPrice ?? price).toNumber())
|
||||||
|
.setQuantity(quantity)
|
||||||
|
.setText(orderString)
|
||||||
|
.setLineColor(orderColor)
|
||||||
|
.setQuantityBackgroundColor(orderColor)
|
||||||
|
.setQuantityBorderColor(borderColor)
|
||||||
|
.setBodyBackgroundColor(backgroundColor)
|
||||||
|
.setBodyBorderColor(borderColor)
|
||||||
|
.setBodyTextColor(textColor)
|
||||||
|
.setQuantityTextColor(textButtonColor);
|
||||||
|
|
||||||
|
if (orderLine) {
|
||||||
|
orderLines[key] = orderLine;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const deleteOrderLines = () => {
|
||||||
|
Object.values(orderLines).forEach((line) => {
|
||||||
|
line.remove();
|
||||||
|
});
|
||||||
|
orderLines = {};
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Styled.PriceChart isChartReady={isChartReady}>
|
<Styled.PriceChart isChartReady={isChartReady}>
|
||||||
{!isChartReady && <LoadingSpace id="tv-chart-loading" />}
|
{!isChartReady && <LoadingSpace id="tv-chart-loading" />}
|
||||||
|
|||||||
@@ -0,0 +1,134 @@
|
|||||||
|
import { useMemo, useState } from 'react';
|
||||||
|
import styled, { AnyStyledComponent, css } from 'styled-components';
|
||||||
|
import { AES } from 'crypto-js';
|
||||||
|
|
||||||
|
import { AlertType } from '@/constants/alerts';
|
||||||
|
import { ButtonSize } from '@/constants/buttons';
|
||||||
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
|
import { useAccounts, useStringGetter } from '@/hooks';
|
||||||
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
|
import { AlertMessage } from '@/components/AlertMessage';
|
||||||
|
import { Dialog } from '@/components/Dialog';
|
||||||
|
import { Icon, IconName } from '@/components/Icon';
|
||||||
|
import { ToggleButton } from '@/components/ToggleButton';
|
||||||
|
import { QrCode } from '@/components/QrCode';
|
||||||
|
import { log } from '@/lib/telemetry';
|
||||||
|
|
||||||
|
type ElementProps = {
|
||||||
|
setIsOpen: (open: boolean) => void;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const MobileQrCode = ({
|
||||||
|
}: {
|
||||||
|
}) => {
|
||||||
|
const stringGetter = useStringGetter();
|
||||||
|
|
||||||
|
const appLink = 'https://apps.apple.com/app/id6475599596';
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Styled.QrCodeContainer isShowing={true}>
|
||||||
|
<QrCode hasLogo size={432} value={appLink} />
|
||||||
|
<span>{stringGetter({ key: STRING_KEYS.CLICK_TO_SHOW })}</span>
|
||||||
|
</Styled.QrCodeContainer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const MobileDownloadDialog = ({ setIsOpen }: ElementProps) => {
|
||||||
|
const stringGetter = useStringGetter();
|
||||||
|
|
||||||
|
const content = (
|
||||||
|
<>
|
||||||
|
<p>
|
||||||
|
{stringGetter({
|
||||||
|
key: STRING_KEYS.WHILE_ONBOARDING,
|
||||||
|
params: {
|
||||||
|
SYNC_WITH_DESKTOP: (
|
||||||
|
<strong>{stringGetter({ key: STRING_KEYS.SYNC_WITH_DESKTOP })}</strong>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
})}
|
||||||
|
</p>
|
||||||
|
<MobileQrCode
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Dialog isOpen setIsOpen={setIsOpen} title={'Download mobile app'}>
|
||||||
|
<Styled.Content>{content}</Styled.Content>
|
||||||
|
</Dialog>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|
||||||
|
Styled.Content = styled.div`
|
||||||
|
${layoutMixins.column}
|
||||||
|
gap: 1rem;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 900;
|
||||||
|
color: var(--color-text-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
${layoutMixins.row}
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
Styled.WaitingSpan = styled.span`
|
||||||
|
strong {
|
||||||
|
color: var(--color-warning);
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
Styled.QrCodeContainer = styled.figure<{ isShowing: boolean }>`
|
||||||
|
${layoutMixins.stack}
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 0.75em;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
transition: 0.2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
filter: brightness(var(--hover-filter-base));
|
||||||
|
}
|
||||||
|
|
||||||
|
> * {
|
||||||
|
position: relative;
|
||||||
|
transition: 0.16s;
|
||||||
|
}
|
||||||
|
|
||||||
|
> :first-child {
|
||||||
|
pointer-events: none;
|
||||||
|
|
||||||
|
${({ isShowing }) =>
|
||||||
|
!isShowing &&
|
||||||
|
css`
|
||||||
|
filter: blur(1rem) brightness(1.4);
|
||||||
|
will-change: filter;
|
||||||
|
`}
|
||||||
|
}
|
||||||
|
|
||||||
|
> span {
|
||||||
|
place-self: center;
|
||||||
|
|
||||||
|
font-size: 1.4em;
|
||||||
|
color: var(--color-text-2);
|
||||||
|
|
||||||
|
${({ isShowing }) =>
|
||||||
|
isShowing &&
|
||||||
|
css`
|
||||||
|
opacity: 0;
|
||||||
|
`}
|
||||||
|
}
|
||||||
|
`;
|
||||||
@@ -4,7 +4,7 @@ import styled, { AnyStyledComponent, css } from 'styled-components';
|
|||||||
|
|
||||||
import { TradeInputField } from '@/constants/abacus';
|
import { TradeInputField } from '@/constants/abacus';
|
||||||
import { STRING_KEYS, StringKey } from '@/constants/localization';
|
import { STRING_KEYS, StringKey } from '@/constants/localization';
|
||||||
import { TradeTypes, TRADE_TYPE_STRINGS, MobilePlaceOrderSteps } from '@/constants/trade';
|
import { TradeTypes, ORDER_TYPE_STRINGS, MobilePlaceOrderSteps } from '@/constants/trade';
|
||||||
|
|
||||||
import { useBreakpoints, useStringGetter } from '@/hooks';
|
import { useBreakpoints, useStringGetter } from '@/hooks';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import type { TradeInputSummary } from '@/constants/abacus';
|
|||||||
import { ButtonAction, ButtonSize, ButtonType } from '@/constants/buttons';
|
import { ButtonAction, ButtonSize, ButtonType } from '@/constants/buttons';
|
||||||
import { DialogTypes } from '@/constants/dialogs';
|
import { DialogTypes } from '@/constants/dialogs';
|
||||||
import { STRING_KEYS } from '@/constants/localization';
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
import { TRADE_TYPE_STRINGS, MobilePlaceOrderSteps } from '@/constants/trade';
|
import { ORDER_TYPE_STRINGS, MobilePlaceOrderSteps } from '@/constants/trade';
|
||||||
|
|
||||||
import { useStringGetter, useTokenConfigs } from '@/hooks';
|
import { useStringGetter, useTokenConfigs } from '@/hooks';
|
||||||
|
|
||||||
@@ -184,7 +184,7 @@ export const PlaceOrderButtonAndReceipt = ({
|
|||||||
ORDER: stringGetter({
|
ORDER: stringGetter({
|
||||||
key: isClosePosition
|
key: isClosePosition
|
||||||
? STRING_KEYS.CLOSE_ORDER
|
? STRING_KEYS.CLOSE_ORDER
|
||||||
: TRADE_TYPE_STRINGS[selectedTradeType].tradeTypeKey,
|
: ORDER_TYPE_STRINGS[selectedTradeType].orderTypeKey,
|
||||||
}),
|
}),
|
||||||
},
|
},
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -189,6 +189,17 @@ export const AccountMenu = () => {
|
|||||||
label: stringGetter({ key: STRING_KEYS.DISPLAY_SETTINGS }),
|
label: stringGetter({ key: STRING_KEYS.DISPLAY_SETTINGS }),
|
||||||
onSelect: () => dispatch(openDialog({ type: DialogTypes.DisplaySettings })),
|
onSelect: () => dispatch(openDialog({ type: DialogTypes.DisplaySettings })),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
value: 'MobileDownload',
|
||||||
|
icon:
|
||||||
|
theme === AppTheme.Light ? (
|
||||||
|
<Icon iconName={IconName.Sun} />
|
||||||
|
) : (
|
||||||
|
<Icon iconName={IconName.Moon} />
|
||||||
|
),
|
||||||
|
label: "Download Mobile App",
|
||||||
|
onSelect: () => dispatch(openDialog({ type: DialogTypes.MobileDownload })),
|
||||||
|
},
|
||||||
...(onboardingState === OnboardingState.AccountConnected && hdKey
|
...(onboardingState === OnboardingState.AccountConnected && hdKey
|
||||||
? [
|
? [
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ import {
|
|||||||
} from '@/constants/abacus';
|
} from '@/constants/abacus';
|
||||||
|
|
||||||
import { STRING_KEYS } from '@/constants/localization';
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
import { TRADE_TYPE_STRINGS, TradeTypes } from '@/constants/trade';
|
import { ORDER_TYPE_STRINGS, TradeTypes } from '@/constants/trade';
|
||||||
import { useStringGetter } from '@/hooks';
|
import { useStringGetter } from '@/hooks';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
@@ -48,7 +48,7 @@ export const TradeNotification = ({ isToast, data, notification }: TradeNotifica
|
|||||||
const { assetId } = marketData ?? {};
|
const { assetId } = marketData ?? {};
|
||||||
const orderType = ORDER_TYPE as KotlinIrEnumValues<typeof AbacusOrderType>;
|
const orderType = ORDER_TYPE as KotlinIrEnumValues<typeof AbacusOrderType>;
|
||||||
const tradeType = TRADE_TYPES[orderType];
|
const tradeType = TRADE_TYPES[orderType];
|
||||||
const titleKey = tradeType && TRADE_TYPE_STRINGS[tradeType]?.tradeTypeKey;
|
const titleKey = tradeType && ORDER_TYPE_STRINGS[tradeType]?.orderTypeKey;
|
||||||
const orderStatus = ORDER_STATUS as KotlinIrEnumValues<typeof AbacusOrderStatus>;
|
const orderStatus = ORDER_STATUS as KotlinIrEnumValues<typeof AbacusOrderStatus>;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
Binary file not shown.
Reference in New Issue
Block a user