Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e796bdd149 | ||
|
|
793b522487 | ||
|
|
13d6610492 | ||
|
|
9cbb9fc2c6 | ||
|
|
91f5b89eb6 | ||
|
|
41cc531700 | ||
|
|
5aeb01f968 | ||
|
|
c9596de9c3 | ||
|
|
cc8c724f09 | ||
|
|
ac07abea07 | ||
|
|
54e81cca80 | ||
|
|
0ed1f33808 | ||
|
|
48e67f5681 | ||
|
|
da1ac0d087 | ||
|
|
17fce5417a | ||
|
|
b86a346be3 | ||
|
|
5cecc40a1c | ||
|
|
7134fa541d | ||
|
|
cd30c9c7d9 | ||
|
|
414e38afec | ||
|
|
e93850484b | ||
|
|
521b6d6135 | ||
|
|
94772bf4dc | ||
|
|
149f21e7e0 | ||
|
|
0a3ef3a7ab | ||
|
|
fef9935883 | ||
|
|
c7a5b706e1 | ||
|
|
f304bb069a | ||
|
|
ad6aa1af49 | ||
|
|
55b2c3fb4a | ||
|
|
83bcde00eb | ||
|
|
e8024b9337 | ||
|
|
8280e512bc | ||
|
|
b2234cb969 | ||
|
|
4bcb1f64ac | ||
|
|
4a64d59546 | ||
|
|
3fc43e8a12 | ||
|
|
c24a9229a6 | ||
|
|
90329d44d0 | ||
|
|
9a02bd3f1c | ||
|
|
adba11b462 | ||
|
|
29526b927f | ||
|
|
503e089efa | ||
|
|
c3495f462c | ||
|
|
6da6eeb2a4 | ||
|
|
0cf3e81bd7 | ||
|
|
f8cf1d364b | ||
|
|
6f344c6b5d | ||
|
|
133856afca | ||
|
|
33c543daaf | ||
|
|
c77e727d2b | ||
|
|
b94538711d | ||
|
|
b83479f45c | ||
|
|
001aad3abc | ||
|
|
f8db5e1ba0 | ||
|
|
f8bec0fb3d | ||
|
|
8bf23b7e9c | ||
|
|
3f10e045f4 | ||
|
|
71d1a0321b | ||
|
|
0f16396c8d | ||
|
|
2709d79f59 | ||
|
|
ab0eec5d4f | ||
|
|
4a044da38f | ||
|
|
fbbfbc6580 | ||
|
|
2714c2b084 |
@@ -5,29 +5,35 @@ import styled from 'styled-components';
|
|||||||
|
|
||||||
import { store } from '@/state/_store';
|
import { store } from '@/state/_store';
|
||||||
|
|
||||||
|
import { GlobalStyle } from '@/styles/globalStyle';
|
||||||
|
|
||||||
import { SelectMenu, SelectItem } from '@/components/SelectMenu';
|
import { SelectMenu, SelectItem } from '@/components/SelectMenu';
|
||||||
|
|
||||||
|
import { AppThemeProvider } from '@/hooks/useAppTheme';
|
||||||
|
|
||||||
|
import { AppTheme, setAppTheme } from '@/state/configs';
|
||||||
import { setLocaleLoaded } from '@/state/localization';
|
import { setLocaleLoaded } from '@/state/localization';
|
||||||
|
|
||||||
import '@/index.css';
|
import '@/index.css';
|
||||||
import './ladle.css';
|
import './ladle.css';
|
||||||
|
|
||||||
export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
|
||||||
const [theme, setTheme] = useState('Default theme');
|
const [theme, setTheme] = useState(AppTheme.Classic);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
store.dispatch(setAppTheme(theme));
|
||||||
switch (theme) {
|
switch (theme) {
|
||||||
case 'Dark theme': {
|
case AppTheme.Dark: {
|
||||||
document?.documentElement?.classList.remove('theme-light');
|
document?.documentElement?.classList.remove('theme-light');
|
||||||
document?.documentElement?.classList.add('theme-dark');
|
document?.documentElement?.classList.add('theme-dark');
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
case 'Light theme': {
|
case AppTheme.Light: {
|
||||||
document?.documentElement?.classList.remove('theme-dark');
|
document?.documentElement?.classList.remove('theme-dark');
|
||||||
document?.documentElement?.classList.add('theme-light');
|
document?.documentElement?.classList.add('theme-light');
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
default: {
|
case AppTheme.Classic: {
|
||||||
document?.documentElement?.classList.remove('theme-dark', 'theme-light');
|
document?.documentElement?.classList.remove('theme-dark', 'theme-light');
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
@@ -48,15 +54,15 @@ export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children
|
|||||||
>
|
>
|
||||||
{[
|
{[
|
||||||
{
|
{
|
||||||
value: 'Default theme',
|
value: AppTheme.Classic,
|
||||||
label: 'Default theme',
|
label: 'Default theme',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 'Dark theme',
|
value: AppTheme.Dark,
|
||||||
label: 'Dark theme',
|
label: 'Dark theme',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 'Light theme',
|
value: AppTheme.Light,
|
||||||
label: 'Light theme',
|
label: 'Light theme',
|
||||||
},
|
},
|
||||||
].map(({ value, label }) => (
|
].map(({ value, label }) => (
|
||||||
@@ -69,8 +75,11 @@ export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children
|
|||||||
</SelectMenu>
|
</SelectMenu>
|
||||||
</StoryHeader>
|
</StoryHeader>
|
||||||
<hr />
|
<hr />
|
||||||
<StoryContent>{children}</StoryContent>
|
<AppThemeProvider>
|
||||||
</Provider>
|
<GlobalStyle />
|
||||||
|
<StoryContent>{children}</StoryContent>
|
||||||
|
</AppThemeProvider>
|
||||||
|
</Provider>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -33,17 +33,18 @@
|
|||||||
"packageManager": "pnpm@8.6.6",
|
"packageManager": "pnpm@8.6.6",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@0xsquid/sdk": "^1.10.0",
|
"@0xsquid/sdk": "^1.10.0",
|
||||||
"@cosmjs/amino": "^0.31.0",
|
"@cosmjs/amino": "^0.32.1",
|
||||||
"@cosmjs/crypto": "^0.31.0",
|
"@cosmjs/crypto": "^0.32.1",
|
||||||
"@cosmjs/encoding": "^0.31.0",
|
"@cosmjs/encoding": "^0.32.1",
|
||||||
"@cosmjs/proto-signing": "^0.31.0",
|
"@cosmjs/proto-signing": "^0.32.1",
|
||||||
"@cosmjs/stargate": "^0.31.0",
|
"@cosmjs/stargate": "^0.32.1",
|
||||||
"@cosmjs/tendermint-rpc": "^0.31.0",
|
"@cosmjs/tendermint-rpc": "^0.32.1",
|
||||||
"@dydxprotocol/v4-abacus": "^1.1.4",
|
"@dydxprotocol/v4-abacus": "^1.3.2",
|
||||||
"@dydxprotocol/v4-client-js": "^1.0.6",
|
"@dydxprotocol/v4-client-js": "^1.0.17",
|
||||||
"@dydxprotocol/v4-localization": "^1.0.17",
|
"@dydxprotocol/v4-localization": "^1.1.19",
|
||||||
"@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-checkbox": "^1.0.4",
|
"@radix-ui/react-checkbox": "^1.0.4",
|
||||||
"@radix-ui/react-collapsible": "^1.0.3",
|
"@radix-ui/react-collapsible": "^1.0.3",
|
||||||
"@radix-ui/react-dialog": "^1.0.4",
|
"@radix-ui/react-dialog": "^1.0.4",
|
||||||
@@ -91,6 +92,7 @@
|
|||||||
"buffer": "^6.0.3",
|
"buffer": "^6.0.3",
|
||||||
"cmdk": "^0.2.0",
|
"cmdk": "^0.2.0",
|
||||||
"color": "^4.2.3",
|
"color": "^4.2.3",
|
||||||
|
"cosmjs-types": "^0.9.0",
|
||||||
"crypto-js": "^4.1.1",
|
"crypto-js": "^4.1.1",
|
||||||
"ethers": "^6.6.1",
|
"ethers": "^6.6.1",
|
||||||
"graz": "^0.0.43",
|
"graz": "^0.0.43",
|
||||||
@@ -110,8 +112,8 @@
|
|||||||
"reselect": "^4.1.8",
|
"reselect": "^4.1.8",
|
||||||
"styled-components": "^5.3.11",
|
"styled-components": "^5.3.11",
|
||||||
"use-latest": "^1.2.1",
|
"use-latest": "^1.2.1",
|
||||||
"viem": "^1.12.2",
|
"viem": "^1.20.0",
|
||||||
"wagmi": "^1.4.5"
|
"wagmi": "^1.4.12"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.22.5",
|
"@babel/core": "^7.22.5",
|
||||||
@@ -154,5 +156,10 @@
|
|||||||
"vitest": "^0.32.2",
|
"vitest": "^0.32.2",
|
||||||
"w3name": "^1.0.8",
|
"w3name": "^1.0.8",
|
||||||
"web3.storage": "^4.5.4"
|
"web3.storage": "^4.5.4"
|
||||||
|
},
|
||||||
|
"pnpm": {
|
||||||
|
"overrides": {
|
||||||
|
"follow-redirects": "1.15.3"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,61 +1,12 @@
|
|||||||
[
|
[
|
||||||
{
|
|
||||||
"chainId": "42161",
|
|
||||||
"tokenAddress": "0xff970a61a04b1ca14834a43f5de4533ebddb5cc8",
|
|
||||||
"name": "Arbitrum"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "43114",
|
|
||||||
"tokenAddress": "0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E",
|
|
||||||
"name": "Avalanche"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "8453",
|
|
||||||
"tokenAddress": "0x66627F389ae46D881773B7131139b2411980E09E",
|
|
||||||
"name": "Base"
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"chainId": "1",
|
"chainId": "1",
|
||||||
"tokenAddress": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
|
"tokenAddress": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
|
||||||
"name": "Ethereum"
|
"name": "Ethereum"
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"chainId": "10",
|
|
||||||
"tokenAddress": "0x7F5c764cBc14f9669B88837ca1490cCa17c31607",
|
|
||||||
"name": "OP Mainnet"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "421613",
|
|
||||||
"tokenAddress": "0xfd064a18f3bf249cf1f87fc203e90d8f650f2d63",
|
|
||||||
"name": "Arbitrum Goerli"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "43113",
|
|
||||||
"tokenAddress": "0x5425890298aed601595a70AB815c96711a31Bc65",
|
|
||||||
"name": "Avalanche Fuji"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "84531",
|
|
||||||
"tokenAddress": "0xf175520c52418dfe19c8098071a252da48cd1c19",
|
|
||||||
"name": "Base Goerli"
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"chainId": "5",
|
"chainId": "5",
|
||||||
"tokenAddress": "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
|
"tokenAddress": "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
|
||||||
"name": "Ethereum Goerli"
|
"name": "Ethereum Goerli"
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "grand-1",
|
|
||||||
"tokenAddress": "uusdc",
|
|
||||||
"name": "Noble Testnet"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "420",
|
|
||||||
"tokenAddress": "0xe05606174bac4a6364b31bd0eca4bf4dd368f8c6",
|
|
||||||
"name": "OP Goerli"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"chainId": "103",
|
|
||||||
"name": "Solana Devnet"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
{
|
||||||
|
"tradingRewardsFAQs": [
|
||||||
|
{
|
||||||
|
"questionLocalizationKey": "APP.TRADING_REWARDS.FAQ_WHO_IS_ELIGIBLE_QUESTION",
|
||||||
|
"answerLocalizationKey": "APP.TRADING_REWARDS.FAQ_WHO_IS_ELIGIBLE_ANSWER"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"questionLocalizationKey": "APP.TRADING_REWARDS.FAQ_HOW_DO_TRADING_REWARDS_WORK_QUESTION",
|
||||||
|
"answerLocalizationKey": "APP.TRADING_REWARDS.FAQ_HOW_DO_TRADING_REWARDS_WORK_ANSWER"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"questionLocalizationKey": "APP.TRADING_REWARDS.FAQ_HOW_DO_I_CLAIM_MY_REWARDS_QUESTION",
|
||||||
|
"answerLocalizationKey": "APP.TRADING_REWARDS.FAQ_HOW_DO_I_CLAIM_MY_REWARDS_ANSWER"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"apps": {
|
"apps": {
|
||||||
"ios": {
|
"ios": {
|
||||||
"scheme": "dydxv4"
|
"scheme": "dydx-t-v4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"deployments": {
|
"deployments": {
|
||||||
@@ -11,6 +11,13 @@
|
|||||||
],
|
],
|
||||||
"default": "dydxprotocol-mainnet"
|
"default": "dydxprotocol-mainnet"
|
||||||
},
|
},
|
||||||
|
"TESTFLIGHT": {
|
||||||
|
"environments": [
|
||||||
|
"dydxprotocol-mainnet",
|
||||||
|
"dydxprotocol-testnet"
|
||||||
|
],
|
||||||
|
"default": "dydxprotocol-mainnet"
|
||||||
|
},
|
||||||
"TESTNET": {
|
"TESTNET": {
|
||||||
"environments": [
|
"environments": [
|
||||||
"dydxprotocol-testnet"
|
"dydxprotocol-testnet"
|
||||||
@@ -39,10 +46,10 @@
|
|||||||
"environments": {
|
"environments": {
|
||||||
"dydxprotocol-dev": {
|
"dydxprotocol-dev": {
|
||||||
"name": "v4 Dev",
|
"name": "v4 Dev",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -71,7 +78,7 @@
|
|||||||
"https://validator.v4dev.dydx.exchange"
|
"https://validator.v4dev.dydx.exchange"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
"0xsquid": "https://testnet.api.0xsquid.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4dev.dydx.exchange"
|
"faucet": "https://faucet.v4dev.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -81,7 +88,6 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
@@ -89,7 +95,7 @@
|
|||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -109,14 +115,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-dev-2": {
|
"dydxprotocol-dev-2": {
|
||||||
"name": "v4 Dev 2",
|
"name": "v4 Dev 2",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -145,7 +158,7 @@
|
|||||||
"http://54.92.118.111"
|
"http://54.92.118.111"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
"0xsquid": "https://testnet.api.0xsquid.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love"
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -154,7 +167,6 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
@@ -162,7 +174,7 @@
|
|||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -182,14 +194,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-dev-4": {
|
"dydxprotocol-dev-4": {
|
||||||
"name": "v4 Dev 4",
|
"name": "v4 Dev 4",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -215,10 +234,11 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"validators": [
|
"validators": [
|
||||||
"http://validator.v4dev4.dydx.exchange"
|
"https://validator.v4dev4.dydx.exchange"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
"0xsquid": "https://testnet.api.0xsquid.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love"
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
|
"faucet": "https://faucet.v4dev4.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -227,7 +247,6 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
@@ -235,7 +254,7 @@
|
|||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -255,14 +274,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-dev-5": {
|
"dydxprotocol-dev-5": {
|
||||||
"name": "v4 Dev 5",
|
"name": "v4 Dev 5",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -291,7 +317,7 @@
|
|||||||
"http://18.223.78.50"
|
"http://18.223.78.50"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com",
|
"0xsquid": "https://testnet.api.0xsquid.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love"
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -300,7 +326,6 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
@@ -308,7 +333,7 @@
|
|||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -328,14 +353,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-staging": {
|
"dydxprotocol-staging": {
|
||||||
"name": "v4 Staging",
|
"name": "v4 Staging",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -365,7 +397,7 @@
|
|||||||
"https://validator.v4staging.dydx.exchange"
|
"https://validator.v4staging.dydx.exchange"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love"
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -377,13 +409,12 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"help": "https://help.dydx.exchange",
|
"help": "https://help.dydx.exchange",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -403,14 +434,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-staging-forced-update": {
|
"dydxprotocol-staging-forced-update": {
|
||||||
"name": "v4 Staging Forced Update",
|
"name": "v4 Staging Forced Update",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -440,7 +478,7 @@
|
|||||||
"https://validator.v4staging.dydx.exchange"
|
"https://validator.v4staging.dydx.exchange"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love"
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -473,17 +511,24 @@
|
|||||||
"apps": {
|
"apps": {
|
||||||
"ios": {
|
"ios": {
|
||||||
"minimalVersion": "1.0",
|
"minimalVersion": "1.0",
|
||||||
"build":40000,
|
"build": 40000,
|
||||||
"url": "https://apps.apple.com/app/dydx/id1564787350"
|
"url": "https://apps.apple.com/app/dydx/id1564787350"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-staging-west": {
|
"dydxprotocol-staging-west": {
|
||||||
"name": "v4 Staging West",
|
"name": "v4 Staging West",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydxprotocol-testnet",
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -513,7 +558,7 @@
|
|||||||
"https://validator-uswest1.v4staging.dydx.exchange"
|
"https://validator-uswest1.v4staging.dydx.exchange"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love"
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -525,13 +570,12 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"help": "https://help.dydx.exchange",
|
"help": "https://help.dydx.exchange",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -551,14 +595,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet": {
|
"dydxprotocol-testnet": {
|
||||||
"name": "v4 Public Testnet",
|
"name": "v4 Public Testnet",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydx-testnet-4",
|
"dydxChainId": "dydx-testnet-4",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -579,8 +630,8 @@
|
|||||||
"endpoints": {
|
"endpoints": {
|
||||||
"indexers": [
|
"indexers": [
|
||||||
{
|
{
|
||||||
"api": "https://dydx-testnet.imperator.co",
|
"api": "https://indexer.v4testnet.dydx.exchange",
|
||||||
"socket": "wss://dydx-testnet.imperator.co"
|
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"validators": [
|
"validators": [
|
||||||
@@ -591,7 +642,7 @@
|
|||||||
"https://dydx-rpc.liquify.com/api=8878132/dydx"
|
"https://dydx-rpc.liquify.com/api=8878132/dydx"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -604,13 +655,12 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -630,14 +680,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX V4"
|
"signTypedDataDomainName": "dYdX V4"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-dydx": {
|
"dydxprotocol-testnet-dydx": {
|
||||||
"name": "v4 Public Testnet/dYdX",
|
"name": "v4 Public Testnet/dYdX",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydx-testnet-4",
|
"dydxChainId": "dydx-testnet-4",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -666,7 +723,7 @@
|
|||||||
"https://validator.v4testnet.dydx.exchange"
|
"https://validator.v4testnet.dydx.exchange"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -680,13 +737,12 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -706,14 +762,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX V4"
|
"signTypedDataDomainName": "dYdX V4"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-nodefleet": {
|
"dydxprotocol-testnet-nodefleet": {
|
||||||
"name": "v4 Public Testnet/nodefleet",
|
"name": "v4 Public Testnet/nodefleet",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydx-testnet-4",
|
"dydxChainId": "dydx-testnet-4",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -734,15 +797,15 @@
|
|||||||
"endpoints": {
|
"endpoints": {
|
||||||
"indexers": [
|
"indexers": [
|
||||||
{
|
{
|
||||||
"api": "https://dydx-testnet.imperator.co",
|
"api": "https://indexer.v4testnet.dydx.exchange",
|
||||||
"socket": "wss://dydx-testnet.imperator.co"
|
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"validators": [
|
"validators": [
|
||||||
"https://dydx-testnet.nodefleet.org"
|
"https://dydx-testnet.nodefleet.org"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -756,13 +819,12 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -782,14 +844,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX V4"
|
"signTypedDataDomainName": "dYdX V4"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-kingnodes": {
|
"dydxprotocol-testnet-kingnodes": {
|
||||||
"name": "v4 Public Testnet/KingNodes",
|
"name": "v4 Public Testnet/KingNodes",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydx-testnet-4",
|
"dydxChainId": "dydx-testnet-4",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -810,15 +879,15 @@
|
|||||||
"endpoints": {
|
"endpoints": {
|
||||||
"indexers": [
|
"indexers": [
|
||||||
{
|
{
|
||||||
"api": "https://dydx-testnet.imperator.co",
|
"api": "https://indexer.v4testnet.dydx.exchange",
|
||||||
"socket": "wss://dydx-testnet.imperator.co"
|
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"validators": [
|
"validators": [
|
||||||
"https://test-dydx.kingnodes.com"
|
"https://test-dydx.kingnodes.com"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -832,13 +901,12 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -858,14 +926,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX V4"
|
"signTypedDataDomainName": "dYdX V4"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-liquify": {
|
"dydxprotocol-testnet-liquify": {
|
||||||
"name": "v4 Public Testnet/Liquify",
|
"name": "v4 Public Testnet/Liquify",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydx-testnet-4",
|
"dydxChainId": "dydx-testnet-4",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -886,15 +961,15 @@
|
|||||||
"endpoints": {
|
"endpoints": {
|
||||||
"indexers": [
|
"indexers": [
|
||||||
{
|
{
|
||||||
"api": "https://dydx-testnet.imperator.co",
|
"api": "https://indexer.v4testnet.dydx.exchange",
|
||||||
"socket": "wss://dydx-testnet.imperator.co"
|
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"validators": [
|
"validators": [
|
||||||
"https://dydx-rpc.liquify.com/api=8878132/dydx"
|
"https://dydx-rpc.liquify.com/api=8878132/dydx"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -908,13 +983,12 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnMore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnMore": "https://help.dydx.exchange",
|
"governanceLearnMore": "https://help.dydx.exchange",
|
||||||
"stakingLearnMore": "https://help.dydx.exchange",
|
"stakingLearnMore": "https://help.dydx.exchange",
|
||||||
"keplrDashboard": "https://testnet.keplr.app/",
|
"keplrDashboard": "https://testnet.keplr.app/",
|
||||||
"accountExportLearnMore": "https://help.dydx.exchange",
|
"accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
|
||||||
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
"walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
|
||||||
},
|
},
|
||||||
"wallets": {
|
"wallets": {
|
||||||
@@ -934,14 +1008,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX V4"
|
"signTypedDataDomainName": "dYdX V4"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-polkachu": {
|
"dydxprotocol-testnet-polkachu": {
|
||||||
"name": "v4 Public Testnet/Polkahcu",
|
"name": "v4 Public Testnet/Polkahcu",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydx-testnet-4",
|
"dydxChainId": "dydx-testnet-4",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -962,15 +1043,15 @@
|
|||||||
"endpoints": {
|
"endpoints": {
|
||||||
"indexers": [
|
"indexers": [
|
||||||
{
|
{
|
||||||
"api": "https://dydx-testnet.imperator.co",
|
"api": "https://indexer.v4testnet.dydx.exchange",
|
||||||
"socket": "wss://dydx-testnet.imperator.co"
|
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"validators": [
|
"validators": [
|
||||||
"https://dydx-testnet-rpc.polkachu.com/"
|
"https://dydx-testnet-rpc.polkachu.com/"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -1001,14 +1082,21 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX V4"
|
"signTypedDataDomainName": "dYdX V4"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-testnet-bware": {
|
"dydxprotocol-testnet-bware": {
|
||||||
"name": "v4 Public Testnet/BWare",
|
"name": "v4 Public Testnet/BWare",
|
||||||
"ethereumChainId": "5",
|
"ethereumChainId": "11155111",
|
||||||
"dydxChainId": "dydx-testnet-4",
|
"dydxChainId": "dydx-testnet-4",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "dYdX-api",
|
"squidIntegratorId": "dYdX-api",
|
||||||
"isMainNet": false,
|
"isMainNet": false,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -1029,15 +1117,15 @@
|
|||||||
"endpoints": {
|
"endpoints": {
|
||||||
"indexers": [
|
"indexers": [
|
||||||
{
|
{
|
||||||
"api": "https://dydx-testnet.imperator.co",
|
"api": "https://indexer.v4testnet.dydx.exchange",
|
||||||
"socket": "wss://dydx-testnet.imperator.co"
|
"socket": "wss://indexer.v4testnet.dydx.exchange"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"validators": [
|
"validators": [
|
||||||
"https://dydx-testnet-full-rpc.public.blastapi.io/"
|
"https://dydx-testnet-full-rpc.public.blastapi.io/"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com",
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
"nobleValidator": "https://rpc.testnet.noble.strange.love",
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -1051,7 +1139,6 @@
|
|||||||
"blogs": "https://www.dydx.foundation/blog",
|
"blogs": "https://www.dydx.foundation/blog",
|
||||||
"foundation": "https://www.dydx.foundation",
|
"foundation": "https://www.dydx.foundation",
|
||||||
"help": "https://help.dydx.exchange/",
|
"help": "https://help.dydx.exchange/",
|
||||||
"initialMarginFractionLearnmore": "https://help.dydx.exchange/articles/5232637-maximum-position-sizes",
|
|
||||||
"reduceOnlyLearnmore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
"reduceOnlyLearnmore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
||||||
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"governanceLearnmore": "https://help.dydx.exchange",
|
"governanceLearnmore": "https://help.dydx.exchange",
|
||||||
@@ -1077,6 +1164,13 @@
|
|||||||
"images": "/wallets/",
|
"images": "/wallets/",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX V4"
|
"signTypedDataDomainName": "dYdX V4"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 10000000,
|
||||||
|
"delayBlocks": 900,
|
||||||
|
"newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dydxprotocol-mainnet": {
|
"dydxprotocol-mainnet": {
|
||||||
@@ -1084,7 +1178,7 @@
|
|||||||
"ethereumChainId": "1",
|
"ethereumChainId": "1",
|
||||||
"dydxChainId": "[mainnet chain id]",
|
"dydxChainId": "[mainnet chain id]",
|
||||||
"chainName": "dYdX Chain",
|
"chainName": "dYdX Chain",
|
||||||
"chainLogo": "dydx-chain.png",
|
"chainLogo": "/dydx-chain.png",
|
||||||
"squidIntegratorId": "[mainnet squid integrator id]",
|
"squidIntegratorId": "[mainnet squid integrator id]",
|
||||||
"isMainNet": true,
|
"isMainNet": true,
|
||||||
"tokens": {
|
"tokens": {
|
||||||
@@ -1125,8 +1219,7 @@
|
|||||||
"feedback": "[HTTP link to feedback form, can be null]",
|
"feedback": "[HTTP link to feedback form, can be null]",
|
||||||
"blogs": "[HTTP link to blogs, can be null]",
|
"blogs": "[HTTP link to blogs, can be null]",
|
||||||
"foundation": "[HTTP link to foundation, can be null]",
|
"foundation": "[HTTP link to foundation, can be null]",
|
||||||
"initialMarginFractionLearnMore": "[HTTP link to initial margin fraction learn more, can be null]",
|
"reduceOnlyLearnMore": "[HTTP link to reduce-only learn more, can be null]",
|
||||||
"reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
|
|
||||||
"documentation": "[HTTP link to documentation, can be null]",
|
"documentation": "[HTTP link to documentation, can be null]",
|
||||||
"community": "[HTTP link to community, can be null]",
|
"community": "[HTTP link to community, can be null]",
|
||||||
"help": "[HTTP link to help page, can be null]",
|
"help": "[HTTP link to help page, can be null]",
|
||||||
@@ -1153,6 +1246,13 @@
|
|||||||
"images": "[Relative URL for wallet images]",
|
"images": "[Relative URL for wallet images]",
|
||||||
"signTypedDataAction": "dYdX Chain Onboarding",
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
"signTypedDataDomainName": "dYdX Chain"
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"governance": {
|
||||||
|
"newMarketProposal": {
|
||||||
|
"initialDepositAmount": 0,
|
||||||
|
"delayBlocks": 0,
|
||||||
|
"newMarketsMethodology": "[URL to spreadsheet or document that explains methodology]"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,8 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"name": "coinbase",
|
||||||
|
"label": "Coinbase",
|
||||||
|
"icon": "/exchanges/coinbase.png",
|
||||||
|
"depositType": "noble"
|
||||||
|
}
|
||||||
|
]
|
||||||
@@ -1,454 +1,367 @@
|
|||||||
{
|
{
|
||||||
"1INCH-USD":{
|
"1INCH-USD": {
|
||||||
"name":"1inch",
|
"name": "1inch",
|
||||||
"tags":[
|
"tags": ["Defi"],
|
||||||
"Defi"
|
"websiteLink": "https://1inch.io/",
|
||||||
],
|
"whitepaperLink": "https://github.com/1inch",
|
||||||
"websiteLink":"https://1inch.io/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/1inch/"
|
||||||
"whitepaperLink":"https://github.com/1inch",
|
},
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/1inch/"
|
"AAVE-USD": {
|
||||||
},
|
"name": "Aave",
|
||||||
"AAVE-USD":{
|
"tags": ["Defi"],
|
||||||
"name":"Aave",
|
"websiteLink": "https://aave.com/",
|
||||||
"tags":[
|
"whitepaperLink": "https://github.com/aave/protocol-v2/blob/master/aave-v2-whitepaper.pdf",
|
||||||
"Defi"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/aave/"
|
||||||
],
|
},
|
||||||
"websiteLink":"https://aave.com/",
|
"ADA-USD": {
|
||||||
"whitepaperLink":"https://github.com/aave/protocol-v2/blob/master/aave-v2-whitepaper.pdf",
|
"name": "Cardano",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/aave/"
|
"tags": ["Layer 1"],
|
||||||
},
|
"websiteLink": "https://cardano.org/",
|
||||||
"ADA-USD":{
|
"whitepaperLink": "https://why.cardano.org/en/introduction/motivation/",
|
||||||
"name":"Cardano",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/cardano/"
|
||||||
"tags":[
|
},
|
||||||
"Layer 1"
|
"ALGO-USD": {
|
||||||
],
|
"name": "Algorand",
|
||||||
"websiteLink":"https://cardano.org/",
|
"tags": ["Layer 1"],
|
||||||
"whitepaperLink":"https://why.cardano.org/en/introduction/motivation/",
|
"websiteLink": "https://algorand.com/",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/cardano/"
|
"whitepaperLink": "https://algorand.com/technology/white-papers",
|
||||||
},
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/algorand/"
|
||||||
"ALGO-USD":{
|
},
|
||||||
"name":"Algorand",
|
"APE-USD": {
|
||||||
"tags":[
|
"name": "ApeCoin",
|
||||||
"Layer 1"
|
"tags": [],
|
||||||
],
|
"websiteLink": "https://apecoin.com/",
|
||||||
"websiteLink":"https://algorand.com/",
|
"whitepaperLink": "https://apecoin.com/about",
|
||||||
"whitepaperLink":"https://algorand.com/technology/white-papers",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/apecoin-ape/"
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/algorand/"
|
},
|
||||||
},
|
"APT-USD": {
|
||||||
"APE-USD":{
|
"name": "Aptos",
|
||||||
"name":"ApeCoin",
|
"tags": ["Layer 1"],
|
||||||
"tags":[
|
"websiteLink": "https://aptoslabs.com/",
|
||||||
|
"whitepaperLink": "https://aptos.dev/aptos-white-paper/",
|
||||||
],
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/aptos/"
|
||||||
"websiteLink":"https://apecoin.com/",
|
},
|
||||||
"whitepaperLink":"https://apecoin.com/about",
|
"ARB-USD": {
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/apecoin-ape/"
|
"name": "Arbitrum",
|
||||||
},
|
"tags": [],
|
||||||
"APT-USD":{
|
"websiteLink": "https://arbitrum.io/",
|
||||||
"name":"Aptos",
|
"whitepaperLink": "https://github.com/OffchainLabs/nitro",
|
||||||
"tags":[
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/arbitrum/"
|
||||||
"Layer 1"
|
},
|
||||||
],
|
"ATOM-USD": {
|
||||||
"websiteLink":"https://aptoslabs.com/",
|
"name": "Cosmos",
|
||||||
"whitepaperLink":"https://aptos.dev/aptos-white-paper/",
|
"tags": ["Layer 1"],
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/aptos/"
|
"websiteLink": "https://cosmos.network/",
|
||||||
},
|
"whitepaperLink": "https://v1.cosmos.network/resources/whitepaper",
|
||||||
"ARB-USD":{
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/cosmos/"
|
||||||
"name":"Arbitrum",
|
},
|
||||||
"tags":[
|
"AVAX-USD": {
|
||||||
|
"name": "Avalanche",
|
||||||
],
|
"tags": ["Layer 1"],
|
||||||
"websiteLink":"https://arbitrum.io/",
|
"websiteLink": "https://www.avalabs.org/",
|
||||||
"whitepaperLink":"https://github.com/OffchainLabs/nitro",
|
"whitepaperLink": "https://assets.website-files.com/5d80307810123f5ffbb34d6e/6008d7bbf8b10d1eb01e7e16_Avalanche%20Platform%20Whitepaper.pdf",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/arbitrum/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/avalanche/"
|
||||||
},
|
},
|
||||||
"ATOM-USD":{
|
"BCH-USD": {
|
||||||
"name":"Cosmos",
|
"name": "Bitcoin Cash",
|
||||||
"tags":[
|
"tags": ["Layer 1"],
|
||||||
"Layer 1"
|
"websiteLink": "https://bitcoincash.org/",
|
||||||
],
|
"whitepaperLink": "https://bitcoincash.org/",
|
||||||
"websiteLink":"https://cosmos.network/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/bitcoin-cash/"
|
||||||
"whitepaperLink":"https://v1.cosmos.network/resources/whitepaper",
|
},
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/cosmos/"
|
"BONK-USD": {
|
||||||
},
|
"name": "BONK COIN",
|
||||||
"AVAX-USD":{
|
"tags": [],
|
||||||
"name":"Avalanche",
|
"websiteLink": "https://bonkcoin.com/",
|
||||||
"tags":[
|
"whitepaperLink": "https://bonkcoin.com/",
|
||||||
"Layer 1"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/bonk1/"
|
||||||
],
|
},
|
||||||
"websiteLink":"https://www.avalabs.org/",
|
"BLUR-USD": {
|
||||||
"whitepaperLink":"https://assets.website-files.com/5d80307810123f5ffbb34d6e/6008d7bbf8b10d1eb01e7e16_Avalanche%20Platform%20Whitepaper.pdf",
|
"name": "Blur",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/avalanche/"
|
"tags": [],
|
||||||
},
|
"websiteLink": "https://blur.io/",
|
||||||
"BCH-USD":{
|
"whitepaperLink": "https://docs.blur.foundation/",
|
||||||
"name":"Bitcoin Cash",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/blur-token/"
|
||||||
"tags":[
|
},
|
||||||
"Layer 1"
|
"CELO-USD": {
|
||||||
],
|
"name": "Celo",
|
||||||
"websiteLink":"https://bitcoincash.org/",
|
"tags": [],
|
||||||
"whitepaperLink":"https://bitcoincash.org/",
|
"websiteLink": "https://celo.org",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/bitcoin-cash/"
|
"whitepaperLink": "https://docs.celo.org",
|
||||||
},
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/celo/"
|
||||||
"BLUR-USD":{
|
},
|
||||||
"name":"Blur",
|
"BTC-USD": {
|
||||||
"tags":[
|
"name": "Bitcoin",
|
||||||
|
"tags": ["Layer 1"],
|
||||||
],
|
"websiteLink": "https://bitcoin.org/",
|
||||||
"websiteLink":"https://blur.io/",
|
"whitepaperLink": "https://bitcoin.org/bitcoin.pdf",
|
||||||
"whitepaperLink":"https://docs.blur.foundation/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/bitcoin/"
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/blur-token/"
|
},
|
||||||
},
|
"COMP-USD": {
|
||||||
"CELO-USD":{
|
"name": "Compound",
|
||||||
"name":"Celo",
|
"tags": ["Defi"],
|
||||||
"tags":[
|
"websiteLink": "https://compound.finance/",
|
||||||
|
"whitepaperLink": "https://compound.finance/documents/Compound.Whitepaper.pdf",
|
||||||
],
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/compound/"
|
||||||
"websiteLink":"https://celo.org",
|
},
|
||||||
"whitepaperLink":"https://docs.celo.org",
|
"CRV-USD": {
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/celo/"
|
"name": "Curve",
|
||||||
},
|
"tags": ["Governance"],
|
||||||
"BTC-USD":{
|
"websiteLink": "https://curve.fi/",
|
||||||
"name":"Bitcoin",
|
"whitepaperLink": "https://curve.fi/whitepaper",
|
||||||
"tags":[
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/curve-dao-token/"
|
||||||
"Layer 1"
|
},
|
||||||
],
|
"DOGE-USD": {
|
||||||
"websiteLink":"https://bitcoin.org/",
|
"name": "Dogecoin",
|
||||||
"whitepaperLink":"https://bitcoin.org/bitcoin.pdf",
|
"tags": ["Layer 1"],
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/bitcoin/"
|
"websiteLink": "https://dogecoin.com/",
|
||||||
},
|
"whitepaperLink": "https://github.com/dogecoin/dogecoin",
|
||||||
"COMP-USD":{
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/dogecoin/"
|
||||||
"name":"Compound",
|
},
|
||||||
"tags":[
|
"DOT-USD": {
|
||||||
"Defi"
|
"name": "Polkadot",
|
||||||
],
|
"tags": ["Layer 1"],
|
||||||
"websiteLink":"https://compound.finance/",
|
"websiteLink": "https://polkadot.network/",
|
||||||
"whitepaperLink":"https://compound.finance/documents/Compound.Whitepaper.pdf",
|
"whitepaperLink": "https://polkadot.network/PolkaDotPaper.pdf",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/compound/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polkadot-new/"
|
||||||
},
|
},
|
||||||
"CRV-USD":{
|
"ENJ-USD": {
|
||||||
"name":"Curve",
|
"name": "Enjin",
|
||||||
"tags":[
|
"tags": [],
|
||||||
"Governance"
|
"websiteLink": "https://enjin.io/",
|
||||||
],
|
"whitepaperLink": "https://cdn.enjin.io/downloads/whitepapers/enjin-coin/en.pdf/",
|
||||||
"websiteLink":"https://curve.fi/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/enjin-coin/"
|
||||||
"whitepaperLink":"https://curve.fi/whitepaper",
|
},
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/curve-dao-token/"
|
"EOS-USD": {
|
||||||
},
|
"name": "EOS",
|
||||||
"DOGE-USD":{
|
"tags": ["Layer 1"],
|
||||||
"name":"Dogecoin",
|
"websiteLink": "https://eos.io/",
|
||||||
"tags":[
|
"whitepaperLink": "https://github.com/EOSIO/Documentation/blob/master/TechnicalWhitePaper.md",
|
||||||
"Layer 1"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/eos/"
|
||||||
],
|
},
|
||||||
"websiteLink":"https://dogecoin.com/",
|
"ETC-USD": {
|
||||||
"whitepaperLink":"https://github.com/dogecoin/dogecoin",
|
"name": "Ethereum Classic",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/dogecoin/"
|
"tags": ["Layer 1"],
|
||||||
},
|
"websiteLink": "https://ethereumclassic.org/",
|
||||||
"DOT-USD":{
|
"whitepaperLink": "https://ethereumclassic.org/why-classic",
|
||||||
"name":"Polkadot",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/ethereum-classic/"
|
||||||
"tags":[
|
},
|
||||||
"Layer 1"
|
"ETH-USD": {
|
||||||
],
|
"name": "Ethereum",
|
||||||
"websiteLink":"https://polkadot.network/",
|
"tags": ["Layer 1"],
|
||||||
"whitepaperLink":"https://polkadot.network/PolkaDotPaper.pdf",
|
"websiteLink": "https://ethereum.org/",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/polkadot-new/"
|
"whitepaperLink": "https://ethereum.org/whitepaper/",
|
||||||
},
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/ethereum/",
|
||||||
"ENJ-USD":{
|
"displayStepSize": "0.001",
|
||||||
"name":"Enjin",
|
"displayTickSize": "0.1"
|
||||||
"tags":[
|
},
|
||||||
|
"FIL-USD": {
|
||||||
],
|
"name": "Filecoin",
|
||||||
"websiteLink":"https://enjin.io/",
|
"tags": ["Layer 1"],
|
||||||
"whitepaperLink":"https://cdn.enjin.io/downloads/whitepapers/enjin-coin/en.pdf/",
|
"websiteLink": "https://filecoin.io/",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/enjin-coin/"
|
"whitepaperLink": "https://filecoin.io/filecoin.pdf",
|
||||||
},
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/filecoin/"
|
||||||
"EOS-USD":{
|
},
|
||||||
"name":"EOS",
|
"HNT-USD": {
|
||||||
"tags":[
|
"name": "Helium",
|
||||||
"Layer 1"
|
"tags": ["Layer 1"],
|
||||||
],
|
"websiteLink": "https://www.helium.com",
|
||||||
"websiteLink":"https://eos.io/",
|
"whitepaperLink": "http://whitepaper.helium.com",
|
||||||
"whitepaperLink":"https://github.com/EOSIO/Documentation/blob/master/TechnicalWhitePaper.md",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/helium/"
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/eos/"
|
},
|
||||||
},
|
"ICP-USD": {
|
||||||
"ETC-USD":{
|
"name": "Internet Computer",
|
||||||
"name":"Ethereum Classic",
|
"tags": ["Layer 1"],
|
||||||
"tags":[
|
"websiteLink": "https://dfinity.org",
|
||||||
"Layer 1"
|
"whitepaperLink": "https://dfinity.org/whitepaper.pdf",
|
||||||
],
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/internet-computer/"
|
||||||
"websiteLink":"https://ethereumclassic.org/",
|
},
|
||||||
"whitepaperLink":"https://ethereumclassic.org/why-classic",
|
"LDO-USD": {
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/ethereum-classic/"
|
"name": "Lido DAO",
|
||||||
},
|
"tags": ["Defi"],
|
||||||
"ETH-USD":{
|
"websiteLink": "https://lido.fi/",
|
||||||
"name":"Ethereum",
|
"whitepaperLink": "https://lido.fi/static/Lido:Ethereum-Liquid-Staking.pdf",
|
||||||
"tags":[
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/lido-dao/"
|
||||||
"Layer 1"
|
},
|
||||||
],
|
"LINK-USD": {
|
||||||
"websiteLink":"https://ethereum.org/",
|
"name": "Chainlink",
|
||||||
"whitepaperLink":"https://ethereum.org/whitepaper/",
|
"tags": ["Defi"],
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/ethereum/",
|
"websiteLink": "https://chain.link/",
|
||||||
"displayStepSize":"0.001",
|
"whitepaperLink": "https://link.smartcontract.com/whitepaper",
|
||||||
"displayTickSize":"0.1"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/chainlink/"
|
||||||
},
|
},
|
||||||
"FIL-USD":{
|
"LTC-USD": {
|
||||||
"name":"Filecoin",
|
"name": "Litecoin",
|
||||||
"tags":[
|
"tags": ["Layer 1"],
|
||||||
"Layer 1"
|
"websiteLink": "https://litecoin.org/",
|
||||||
],
|
"whitepaperLink": "https://litecoin.info/index.php/Main_Page",
|
||||||
"websiteLink":"https://filecoin.io/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/litecoin/"
|
||||||
"whitepaperLink":"https://filecoin.io/filecoin.pdf",
|
},
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/filecoin/"
|
"MATIC-USD": {
|
||||||
},
|
"name": "Polygon",
|
||||||
"HNT-USD":{
|
"tags": ["Layer 2"],
|
||||||
"name":"Helium",
|
"websiteLink": "https://polygon.technology/",
|
||||||
"tags":[
|
"whitepaperLink": "https://polygon.technology/lightpaper-polygon.pdf",
|
||||||
"Layer 1"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/polygon/"
|
||||||
],
|
},
|
||||||
"websiteLink":"https://www.helium.com",
|
"MKR-USD": {
|
||||||
"whitepaperLink":"http://whitepaper.helium.com",
|
"name": "Maker",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/helium/"
|
"tags": ["Governance"],
|
||||||
},
|
"websiteLink": "https://makerdao.com",
|
||||||
"ICP-USD":{
|
"whitepaperLink": "https://makerdao.com/whitepaper",
|
||||||
"name":"Internet Computer",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/maker/"
|
||||||
"tags":[
|
},
|
||||||
"Layer 1"
|
"NEAR-USD": {
|
||||||
],
|
"name": "NEAR Protocol",
|
||||||
"websiteLink":"https://dfinity.org",
|
"tags": ["Layer 1"],
|
||||||
"whitepaperLink":"https://dfinity.org/whitepaper.pdf",
|
"websiteLink": "https://near.org",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/internet-computer/"
|
"whitepaperLink": "https://near.org/papers/the-official-near-white-paper/",
|
||||||
},
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/near-protocol/"
|
||||||
"LDO-USD":{
|
},
|
||||||
"name":"Lido DAO",
|
"OP-USD": {
|
||||||
"tags":[
|
"name": "Optimism",
|
||||||
"Defi"
|
"tags": [],
|
||||||
],
|
"websiteLink": "https://www.optimism.io/",
|
||||||
"websiteLink":"https://lido.fi/",
|
"whitepaperLink": "https://github.com/ethereum-optimism",
|
||||||
"whitepaperLink":"https://lido.fi/static/Lido:Ethereum-Liquid-Staking.pdf",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/optimism-ethereum/"
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/lido-dao/"
|
},
|
||||||
},
|
"PEPE-USD": {
|
||||||
"LINK-USD":{
|
"name": "Pepe",
|
||||||
"name":"Chainlink",
|
"tags": [],
|
||||||
"tags":[
|
"websiteLink": "https://www.pepe.vip/",
|
||||||
"Defi"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/pepe/"
|
||||||
],
|
},
|
||||||
"websiteLink":"https://chain.link/",
|
"RUNE-USD": {
|
||||||
"whitepaperLink":"https://link.smartcontract.com/whitepaper",
|
"name": "THORChain",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/chainlink/"
|
"tags": ["Layer 1"],
|
||||||
},
|
"websiteLink": "https://thorchain.org",
|
||||||
"LTC-USD":{
|
"whitepaperLink": "https://whitepaper.io/document/709/thorchain-whitepaper",
|
||||||
"name":"Litecoin",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/thorchain/"
|
||||||
"tags":[
|
},
|
||||||
"Layer 1"
|
"SEI-USD": {
|
||||||
],
|
"name": "Sei",
|
||||||
"websiteLink":"https://litecoin.org/",
|
"tags": ["Layer 1", "Defi"],
|
||||||
"whitepaperLink":"https://litecoin.info/index.php/Main_Page",
|
"websiteLink": "https://www.sei.io/",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/litecoin/"
|
"whitepaperLink": "https://github.com/sei-protocol/sei-chain/blob/3c9576fee3494ce039df684624f918dd8066ba3f/whitepaper/Sei_Whitepaper.pdf",
|
||||||
},
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/sei/"
|
||||||
"MATIC-USD":{
|
},
|
||||||
"name":"Polygon",
|
"SHIB-USD": {
|
||||||
"tags":[
|
"name": "Shiba Inu",
|
||||||
"Layer 2"
|
"tags": [],
|
||||||
],
|
"websiteLink": "https://shibatoken.com/",
|
||||||
"websiteLink":"https://polygon.technology/",
|
"whitepaperLink": "https://docs.shibatoken.com/",
|
||||||
"whitepaperLink":"https://polygon.technology/lightpaper-polygon.pdf",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/shiba-inu/"
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/polygon/"
|
},
|
||||||
},
|
"SNX-USD": {
|
||||||
"MKR-USD":{
|
"name": "Synthetix",
|
||||||
"name":"Maker",
|
"tags": ["Defi"],
|
||||||
"tags":[
|
"websiteLink": "https://synthetix.io/",
|
||||||
"Governance"
|
"whitepaperLink": "https://docs.synthetix.io/litepaper",
|
||||||
],
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/synthetix-network-token/"
|
||||||
"websiteLink":"https://makerdao.com",
|
},
|
||||||
"whitepaperLink":"https://makerdao.com/whitepaper",
|
"SOL-USD": {
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/maker/"
|
"name": "Solana",
|
||||||
},
|
"tags": ["Layer 1"],
|
||||||
"NEAR-USD":{
|
"websiteLink": "https://solana.com/",
|
||||||
"name":"NEAR Protocol",
|
"whitepaperLink": "https://solana.com/solana-whitepaper.pdf",
|
||||||
"tags":[
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/solana/"
|
||||||
"Layer 1"
|
},
|
||||||
],
|
"SUI-USD": {
|
||||||
"websiteLink":"https://near.org",
|
"name": "Sui",
|
||||||
"whitepaperLink":"https://near.org/papers/the-official-near-white-paper/",
|
"tags": ["Layer 1"],
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/near-protocol/"
|
"websiteLink": "https://sui.io/",
|
||||||
},
|
"whitepaperLink": "https://github.com/MystenLabs",
|
||||||
"OP-USD":{
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/sui/"
|
||||||
"name":"Optimism",
|
},
|
||||||
"tags":[
|
"SUSHI-USD": {
|
||||||
|
"name": "Sushi",
|
||||||
],
|
"tags": ["Defi"],
|
||||||
"websiteLink":"https://www.optimism.io/",
|
"websiteLink": "https://sushi.com/",
|
||||||
"whitepaperLink":"https://github.com/ethereum-optimism",
|
"whitepaperLink": "https://docs.sushi.com/",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/optimism-ethereum/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/sushiswap/"
|
||||||
},
|
},
|
||||||
"PEPE-USD":{
|
"TIA-USD": {
|
||||||
"name":"Pepe",
|
"name": "Celestia",
|
||||||
"tags":[
|
"tags": ["Layer 1"],
|
||||||
|
"websiteLink": "https://celestia.org/",
|
||||||
],
|
"whitepaperLink": "https://arxiv.org/pdf/1905.09274.pdf",
|
||||||
"websiteLink":"https://www.pepe.vip/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/celestia/"
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/pepe/"
|
},
|
||||||
},
|
"TRX-USD": {
|
||||||
"RUNE-USD":{
|
"name": "TRON",
|
||||||
"name":"THORChain",
|
"tags": ["Defi"],
|
||||||
"tags":[
|
"websiteLink": "https://tron.network/",
|
||||||
"Layer 1"
|
"whitepaperLink": "https://tron.network/static/doc/white_paper_v_2_0.pdf",
|
||||||
],
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/tron/"
|
||||||
"websiteLink":"https://thorchain.org",
|
},
|
||||||
"whitepaperLink":"https://whitepaper.io/document/709/thorchain-whitepaper",
|
"UMA-USD": {
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/thorchain/"
|
"name": "UMA",
|
||||||
},
|
"tags": ["Defi"],
|
||||||
"SEI-USD":{
|
"websiteLink": "https://umaproject.org/",
|
||||||
"name":"Sei",
|
"whitepaperLink": "https://github.com/UMAprotocol/whitepaper",
|
||||||
"tags":[
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/uma/"
|
||||||
"Layer 1",
|
},
|
||||||
"Defi"
|
"UNI-USD": {
|
||||||
],
|
"name": "Uniswap",
|
||||||
"websiteLink":"https://www.sei.io/",
|
"tags": ["Defi"],
|
||||||
"whitepaperLink":"https://github.com/sei-protocol/sei-chain/blob/3c9576fee3494ce039df684624f918dd8066ba3f/whitepaper/Sei_Whitepaper.pdf",
|
"websiteLink": "https://uniswap.org/",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/sei/"
|
"whitepaperLink": "https://uniswap.org/whitepaper-v3.pdf",
|
||||||
},
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/uniswap/"
|
||||||
"SHIB-USD":{
|
},
|
||||||
"name":"Shiba Inu",
|
"WLD-USD": {
|
||||||
"tags":[
|
"name": "Worldcoin",
|
||||||
|
"tags": [],
|
||||||
],
|
"websiteLink": "https://worldcoin.org/",
|
||||||
"websiteLink":"https://shibatoken.com/",
|
"whitepaperLink": "https://whitepaper.worldcoin.org/",
|
||||||
"whitepaperLink":"https://docs.shibatoken.com/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/worldcoin-org/"
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/shiba-inu/"
|
},
|
||||||
},
|
"XLM-USD": {
|
||||||
"SNX-USD":{
|
"name": "Stellar",
|
||||||
"name":"Synthetix",
|
"tags": ["Layer 1"],
|
||||||
"tags":[
|
"websiteLink": "https://www.stellar.org/",
|
||||||
"Defi"
|
"whitepaperLink": "https://www.stellar.org/papers/stellar-consensus-protocol",
|
||||||
],
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/stellar/"
|
||||||
"websiteLink":"https://synthetix.io/",
|
},
|
||||||
"whitepaperLink":"https://docs.synthetix.io/litepaper",
|
"XMR-USD": {
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/synthetix-network-token/"
|
"name": "Monero",
|
||||||
},
|
"tags": ["Layer 1"],
|
||||||
"SOL-USD":{
|
"websiteLink": "https://www.getmonero.org/",
|
||||||
"name":"Solana",
|
"whitepaperLink": "https://www.getmonero.org/resources/research-lab/",
|
||||||
"tags":[
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/monero/"
|
||||||
"Layer 1"
|
},
|
||||||
],
|
"XRP-USD": {
|
||||||
"websiteLink":"https://solana.com/",
|
"name": "Ripple",
|
||||||
"whitepaperLink":"https://solana.com/solana-whitepaper.pdf",
|
"tags": ["Layer 1"],
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/solana/"
|
"websiteLink": "https://ripple.com/currency/",
|
||||||
},
|
"whitepaperLink": "https://github.com/ripple",
|
||||||
"SUI-USD":{
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/xrp/"
|
||||||
"name":"Sui",
|
},
|
||||||
"tags":[
|
"XTZ-USD": {
|
||||||
"Layer 1"
|
"name": "Tezos",
|
||||||
],
|
"tags": ["Layer 1"],
|
||||||
"websiteLink":"https://sui.io/",
|
"websiteLink": "https://tezos.com",
|
||||||
"whitepaperLink":"https://github.com/MystenLabs",
|
"whitepaperLink": "https://tezos.com/whitepaper.pdf",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/sui/"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/tezos/"
|
||||||
},
|
},
|
||||||
"SUSHI-USD":{
|
"YFI-USD": {
|
||||||
"name":"Sushi",
|
"name": "Yearn",
|
||||||
"tags":[
|
"tags": ["Defi"],
|
||||||
"Defi"
|
"websiteLink": "https://yearn.finance/",
|
||||||
],
|
"whitepaperLink": "https://docs.yearn.finance/",
|
||||||
"websiteLink":"https://sushi.com/",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/yearn-finance/"
|
||||||
"whitepaperLink":"https://docs.sushi.com/",
|
},
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/sushiswap/"
|
"ZEC-USD": {
|
||||||
},
|
"name": "Zcash",
|
||||||
"TRX-USD":{
|
"tags": ["Layer 1"],
|
||||||
"name":"TRON",
|
"websiteLink": "https://z.cash/",
|
||||||
"tags":[
|
"whitepaperLink": "https://z.cash/technology/",
|
||||||
"Defi"
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/zcash/"
|
||||||
],
|
},
|
||||||
"websiteLink":"https://tron.network/",
|
"ZRX-USD": {
|
||||||
"whitepaperLink":"https://tron.network/static/doc/white_paper_v_2_0.pdf",
|
"name": "0x",
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/tron/"
|
"tags": ["Defi"],
|
||||||
},
|
"websiteLink": "https://0x.org/",
|
||||||
"UMA-USD":{
|
"whitepaperLink": "https://0x.org/pdfs/0x_white_paper.pdf",
|
||||||
"name":"UMA",
|
"coinMarketCapsLink": "https://coinmarketcap.com/currencies/0x/"
|
||||||
"tags":[
|
}
|
||||||
"Defi"
|
}
|
||||||
],
|
|
||||||
"websiteLink":"https://umaproject.org/",
|
|
||||||
"whitepaperLink":"https://github.com/UMAprotocol/whitepaper",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/uma/"
|
|
||||||
},
|
|
||||||
"UNI-USD":{
|
|
||||||
"name":"Uniswap",
|
|
||||||
"tags":[
|
|
||||||
"Defi"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://uniswap.org/",
|
|
||||||
"whitepaperLink":"https://uniswap.org/whitepaper-v3.pdf",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/uniswap/"
|
|
||||||
},
|
|
||||||
"WLD-USD":{
|
|
||||||
"name":"Worldcoin",
|
|
||||||
"tags":[
|
|
||||||
|
|
||||||
],
|
|
||||||
"websiteLink":"https://worldcoin.org/",
|
|
||||||
"whitepaperLink":"https://whitepaper.worldcoin.org/",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/worldcoin-org/"
|
|
||||||
},
|
|
||||||
"XLM-USD":{
|
|
||||||
"name":"Stellar",
|
|
||||||
"tags":[
|
|
||||||
"Layer 1"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://www.stellar.org/",
|
|
||||||
"whitepaperLink":"https://www.stellar.org/papers/stellar-consensus-protocol",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/stellar/"
|
|
||||||
},
|
|
||||||
"XMR-USD":{
|
|
||||||
"name":"Monero",
|
|
||||||
"tags":[
|
|
||||||
"Layer 1"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://www.getmonero.org/",
|
|
||||||
"whitepaperLink":"https://www.getmonero.org/resources/research-lab/",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/monero/"
|
|
||||||
},
|
|
||||||
"XRP-USD":{
|
|
||||||
"name":"Ripple",
|
|
||||||
"tags":[
|
|
||||||
"Layer 1"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://ripple.com/currency/",
|
|
||||||
"whitepaperLink":"https://github.com/ripple",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/xrp/"
|
|
||||||
},
|
|
||||||
"XTZ-USD":{
|
|
||||||
"name":"Tezos",
|
|
||||||
"tags":[
|
|
||||||
"Layer 1"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://tezos.com",
|
|
||||||
"whitepaperLink":"https://tezos.com/whitepaper.pdf",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/tezos/"
|
|
||||||
},
|
|
||||||
"YFI-USD":{
|
|
||||||
"name":"Yearn",
|
|
||||||
"tags":[
|
|
||||||
"Defi"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://yearn.finance/",
|
|
||||||
"whitepaperLink":"https://docs.yearn.finance/",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/yearn-finance/"
|
|
||||||
},
|
|
||||||
"ZEC-USD":{
|
|
||||||
"name":"Zcash",
|
|
||||||
"tags":[
|
|
||||||
"Layer 1"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://z.cash/",
|
|
||||||
"whitepaperLink":"https://z.cash/technology/",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/zcash/"
|
|
||||||
},
|
|
||||||
"ZRX-USD":{
|
|
||||||
"name":"0x",
|
|
||||||
"tags":[
|
|
||||||
"Defi"
|
|
||||||
],
|
|
||||||
"websiteLink":"https://0x.org/",
|
|
||||||
"whitepaperLink":"https://0x.org/pdfs/0x_white_paper.pdf",
|
|
||||||
"coinMarketCapsLink":"https://coinmarketcap.com/currencies/0x/"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -0,0 +1,704 @@
|
|||||||
|
base_asset,exchange,pair,min_2_depth,avg_30d_vol,reference_price,risk_assessment,num_oracles,liquidity_tier,asset_name,adjust_by_market
|
||||||
|
AAVE,Mexc,AAVE_USDT,403707.603,299498.6587,88.46188619,A,7,2,AAVE,USDT-USD
|
||||||
|
AAVE,Huobi,aaveusdt,49562.27661,34092101.66,88.52768881,A,7,2,AAVE,USDT-USD
|
||||||
|
AAVE,Kraken,AAVEUSD,84969.1289,732237.4435,88.21901516,A,7,2,AAVE,
|
||||||
|
AAVE,Okx,AAVE-USDT,120824.3981,5483819.403,88.48717486,A,7,2,AAVE,USDT-USD
|
||||||
|
AAVE,Kucoin,AAVE-USDT,60134.45372,1454001.73,88.41847956,A,7,2,AAVE,USDT-USD
|
||||||
|
AAVE,Binance,AAVEUSDT,336646.7802,17941167.87,88.40806057,A,7,2,AAVE,USDT-USD
|
||||||
|
AAVE,CoinbasePro,AAVE-USD,162207.2275,7955414.095,88.41304215,A,7,2,AAVE,
|
||||||
|
ADA,Okx,ADA-USDT,303911.146,12693505.79,0.4718322348,A,9,1,Cardano,USDT-USD
|
||||||
|
ADA,CoinbasePro,ADA-USD,611511.2428,18323224.07,0.4703816721,A,9,1,Cardano,
|
||||||
|
ADA,Huobi,adausdt,149750.1588,18688486.68,0.470293013,A,9,1,Cardano,USDT-USD
|
||||||
|
ADA,Kucoin,ADA-USDT,204346.5493,11339662.31,0.470650622,A,9,1,Cardano,USDT-USD
|
||||||
|
ADA,Bitstamp,ADA/USD,111141.4265,495063.9401,0.4732612949,A,9,1,Cardano,
|
||||||
|
ADA,Mexc,ADA_USDT,1480561.883,34705754.08,0.4706681442,A,9,1,Cardano,USDT-USD
|
||||||
|
ADA,Bybit,ADAUSDT,261755.7266,15267158.53,0.4715127504,A,9,1,Cardano,USDT-USD
|
||||||
|
ADA,Kraken,ADAUSD,631495.1952,4783679.81,0.4728831552,A,9,1,Cardano,
|
||||||
|
ADA,Binance,ADAUSDT,1014519.017,74913609.68,0.4709109462,A,9,1,Cardano,USDT-USD
|
||||||
|
AGIX,Okx,AGIX-USDT,144402.4677,1230616.692,0.2534299858,A,6,2,SingularityNET,USDT-USD
|
||||||
|
AGIX,Bybit,AGIXUSDT,72731.67454,2177116.497,0.2534800192,A,6,2,SingularityNET,USDT-USD
|
||||||
|
AGIX,Kucoin,AGIX-USDT,86823.62761,4637581.791,0.2531545743,A,6,2,SingularityNET,USDT-USD
|
||||||
|
AGIX,Mexc,AGIX_USDT,114261.8075,179945.4082,0.2532243225,A,6,2,SingularityNET,USDT-USD
|
||||||
|
AGIX,Binance,AGIXUSDT,181499.5614,6601700.149,0.2535772917,A,6,2,SingularityNET,USDT-USD
|
||||||
|
AGIX,Gate,AGIX_USDT,50000,100000,0,A,6,2,SingularityNET,USDT-USD
|
||||||
|
ALGO,Kucoin,ALGO-USDT,125172.0507,2774508.432,0.1612760665,A,6,2,Algorand,USDT-USD
|
||||||
|
ALGO,Mexc,ALGO_USDT,471722.5569,391031.4403,0.1615972948,A,6,2,Algorand,USDT-USD
|
||||||
|
ALGO,Okx,ALGO-USDT,84724.99655,3001155.055,0.1614784231,A,6,2,Algorand,USDT-USD
|
||||||
|
ALGO,CoinbasePro,ALGO-USD,137293.3037,3626194.058,0.1612613776,A,6,2,Algorand,
|
||||||
|
ALGO,Kraken,ALGOUSD,94239.46899,856438.0736,0.1611316036,A,6,2,Algorand,
|
||||||
|
ALGO,Binance,ALGOUSDT,240363.9844,10216526.81,0.1613137606,A,6,2,Algorand,USDT-USD
|
||||||
|
APE,Mexc,APE_USDT,845830.979,329116.5427,1.31149687,A,7,2,ApeCoin,USDT-USD
|
||||||
|
APE,Kucoin,APE-USDT,74830.83223,1527594.928,1.306893397,A,7,2,ApeCoin,USDT-USD
|
||||||
|
APE,CoinbasePro,APE-USD,79825.96928,1765569.337,1.310147807,A,7,2,ApeCoin,
|
||||||
|
APE,Okx,APE-USDT,127038.7774,4931009.134,1.310171735,A,7,2,ApeCoin,USDT-USD
|
||||||
|
APE,Binance,APEUSDT,295540.0092,16809984.56,1.309457667,A,7,2,ApeCoin,USDT-USD
|
||||||
|
APE,Kraken,APEUSD,47261.34196,350969.3303,1.302436726,A,7,2,ApeCoin,
|
||||||
|
APE,Gate,APE_USDT,50000,100000,0,A,7,2,ApeCoin,USDT-USD
|
||||||
|
APT,Binance,APTUSDT,970622.772,42662112,8.365109058,A,8,2,Aptos,USDT-USD
|
||||||
|
APT,Kraken,APTUSD,95252.8507,687239.9038,8.373953519,A,8,2,Aptos,
|
||||||
|
APT,Bybit,APTUSDT,421662.7604,13658424.61,8.360517459,A,8,2,Aptos,USDT-USD
|
||||||
|
APT,Kucoin,APT-USDT,59781.95498,3012611.094,8.371347497,A,8,2,Aptos,USDT-USD
|
||||||
|
APT,Mexc,APT_USDT,188448.7027,6995386.772,8.37360865,A,8,2,Aptos,USDT-USD
|
||||||
|
APT,CoinbasePro,APT-USD,158248.5255,5176336.024,8.369192123,A,8,2,Aptos,
|
||||||
|
APT,Okx,APT-USDT,596052.5515,20209030.67,8.37385096,A,8,2,Aptos,USDT-USD
|
||||||
|
APT,Gate,APT_USDT,50000,100000,0,A,8,2,Aptos,USDT-USD
|
||||||
|
ARB,Kraken,ARBUSD,100206.2199,4381943.143,1.705803002,A,8,1,Arbitrum,
|
||||||
|
ARB,Mexc,ARB_USDT,563395.9496,70966050.57,1.700151185,A,8,1,Arbitrum,USDT-USD
|
||||||
|
ARB,CoinbasePro,ARB-USD,323984.7248,25023919.67,1.706804349,A,8,1,Arbitrum,
|
||||||
|
ARB,Binance,ARBUSDT,1448064.308,225490594,1.700534337,A,8,1,Arbitrum,USDT-USD
|
||||||
|
ARB,Bybit,ARBUSDT,188544.697,49644508.17,1.697965318,A,8,1,Arbitrum,USDT-USD
|
||||||
|
ARB,Okx,ARB-USDT,619050.2317,56911723.48,1.700105696,A,8,1,Arbitrum,USDT-USD
|
||||||
|
ARB,Kucoin,ARB-USDT,244278.1403,15751598.26,1.705204466,A,8,1,Arbitrum,USDT-USD
|
||||||
|
ARB,Huobi,arbusdt,111073.3497,24106121.68,1.696818375,A,8,1,Arbitrum,USDT-USD
|
||||||
|
ATOM,Kucoin,ATOM-USDT,122511.6105,4164205.618,9.196821466,A,8,2,Cosmos,USDT-USD
|
||||||
|
ATOM,CoinbasePro,ATOM-USD,205758.8309,4244575.601,9.188194158,A,8,2,Cosmos,
|
||||||
|
ATOM,Binance,ATOMUSDT,500205.8745,32707609.21,9.19886839,A,8,2,Cosmos,USDT-USD
|
||||||
|
ATOM,Kraken,ATOMUSD,228688.3729,1024035.956,9.218557996,A,8,2,Cosmos,
|
||||||
|
ATOM,Okx,ATOM-USDT,147209.9881,6727992.679,9.196235185,A,8,2,Cosmos,USDT-USD
|
||||||
|
ATOM,Mexc,ATOM_USDT,396797.5433,1008586.239,9.21317801,A,8,2,Cosmos,USDT-USD
|
||||||
|
ATOM,Bybit,ATOMUSDT,100035.0706,5523700.635,9.191262868,A,8,2,Cosmos,USDT-USD
|
||||||
|
ATOM,Gate,ATOM_USDT,50000,100000,0,A,8,2,Cosmos,USDT-USD
|
||||||
|
AVAX,Okx,AVAX-USDT,459223.0249,27191336.53,30.3671387,A,9,1,Avalanche,USDT-USD
|
||||||
|
AVAX,Mexc,AVAX_USDT,2630410.171,40197237.8,30.31335915,A,9,1,Avalanche,USDT-USD
|
||||||
|
AVAX,CoinbasePro,AVAX-USD,710189.1641,41234008.85,30.43579342,A,9,1,Avalanche,
|
||||||
|
AVAX,Kraken,AVAXUSD,455749.7351,5083869.862,30.36461631,A,9,1,Avalanche,
|
||||||
|
AVAX,Huobi,avaxusdt,83674.34414,20197355.5,30.38713582,A,9,1,Avalanche,USDT-USD
|
||||||
|
AVAX,Bitstamp,AVAX/USD,78931.59345,492591.779,30.51926775,A,9,1,Avalanche,
|
||||||
|
AVAX,Binance,AVAXUSDT,1424442.662,110228072.3,30.31927119,A,9,1,Avalanche,USDT-USD
|
||||||
|
AVAX,Bybit,AVAXUSDT,266594.6447,19032772.46,30.37667694,A,9,1,Avalanche,USDT-USD
|
||||||
|
AVAX,Kucoin,AVAX-USDT,256007.3589,13423273.72,30.36129437,A,9,1,Avalanche,USDT-USD
|
||||||
|
BCH,Kraken,BCHUSD,203340.9953,1163173.528,236.4383838,A,9,1,Bitcoin Cash,
|
||||||
|
BCH,Bitstamp,BCH/USD,133890.8622,1113055.48,236.3834073,A,9,1,Bitcoin Cash,
|
||||||
|
BCH,Kucoin,BCH-USDT,153403.2244,1766025.88,236.2130317,A,9,1,Bitcoin Cash,USDT-USD
|
||||||
|
BCH,Mexc,BCH_USDT,1688109.018,340077.5421,236.974317,A,9,1,Bitcoin Cash,USDT-USD
|
||||||
|
BCH,Binance,BCHUSDT,672821.7917,32395763.97,236.0220829,A,9,1,Bitcoin Cash,USDT-USD
|
||||||
|
BCH,Bybit,BCHUSDT,156013.3525,7323063.446,236.304741,A,9,1,Bitcoin Cash,USDT-USD
|
||||||
|
BCH,Huobi,bchusdt,65221.14333,14976246.74,236.1401006,A,9,1,Bitcoin Cash,USDT-USD
|
||||||
|
BCH,Okx,BCH-USDT,351452.4549,15579827.1,236.1496084,A,9,1,Bitcoin Cash,USDT-USD
|
||||||
|
BCH,CoinbasePro,BCH-USD,448678.0454,10694749.58,236.3332929,A,9,1,Bitcoin Cash,
|
||||||
|
BLUR,Kraken,BLURUSD,99075.46212,1216513.285,0.6025188372,A,7,2,Blur,
|
||||||
|
BLUR,Bybit,BLURUSDT,68313.916,6461469.994,0.60531087,A,7,2,Blur,USDT-USD
|
||||||
|
BLUR,Binance,BLURUSDT,523824.0691,49785352.29,0.6085401119,A,7,2,Blur,USDT-USD
|
||||||
|
BLUR,Kucoin,BLUR-USDT,114279.3879,3580944.358,0.6060076016,A,7,2,Blur,USDT-USD
|
||||||
|
BLUR,Okx,BLUR-USDT,242440.7708,21042871.79,0.6072397492,A,7,2,Blur,USDT-USD
|
||||||
|
BLUR,CoinbasePro,BLUR-USD,156092.3813,8736803.112,0.6038877368,A,7,2,Blur,
|
||||||
|
BLUR,Mexc,BLUR_USDT,845700.0176,614271.1779,0.6015683969,A,7,2,Blur,USDT-USD
|
||||||
|
BNB,Okx,BNB-USDT,171035.3871,10049830.17,291.7391615,A,6,2,Binance Coin,USDT-USD
|
||||||
|
BNB,Kucoin,BNB-USDT,172933.5367,7563235.244,291.8671543,A,6,2,Binance Coin,USDT-USD
|
||||||
|
BNB,Mexc,BNB_USDT,2668302.204,2095942.424,291.3317029,A,6,2,Binance Coin,USDT-USD
|
||||||
|
BNB,Binance,BNBUSDT,2315487.589,299938471.1,292.0261567,A,6,2,Binance Coin,USDT-USD
|
||||||
|
BNB,Bybit,BNBUSDT,73840.12419,11584488.51,291.812684,A,6,2,Binance Coin,USDT-USD
|
||||||
|
BNB,Gate,BNB_USDT,50000,100000,0,A,6,2,Binance Coin,USDT-USD
|
||||||
|
BONK,Bybit,BONKUSDT,91223.30674,10108782.84,1.09E-05,A,6,2,Bonk Token,USDT-USD
|
||||||
|
BONK,Mexc,BONK_USDT,880507.727,1996432.036,1.10E-05,A,6,2,Bonk Token,USDT-USD
|
||||||
|
BONK,Binance,BONKUSDT,496236.8093,63520367.26,1.09E-05,A,6,2,Bonk Token,USDT-USD
|
||||||
|
BONK,Okx,BONK-USDT,84194.41757,4939704.699,1.09E-05,A,6,2,Bonk Token,USDT-USD
|
||||||
|
BONK,CoinbasePro,BONK-USD,291120.8766,24041618.38,1.10E-05,A,6,2,Bonk Token,
|
||||||
|
BONK,Kucoin,BONK-USDT,104413.0879,5795566.827,1.09E-05,A,6,2,Bonk Token,USDT-USD
|
||||||
|
BTC,Kucoin,BTC-USDT,1385049.373,192647255.8,39920.8141,A,9,1,Bitcoin,USDT-USD
|
||||||
|
BTC,Mexc,BTC_USDT,6055794.786,468890338.6,39929.87241,A,9,1,Bitcoin,USDT-USD
|
||||||
|
BTC,Bybit,BTCUSDT,1934000.115,501075059.1,39905.40634,A,9,1,Bitcoin,USDT-USD
|
||||||
|
BTC,Okx,BTC-USDT,3216401.515,736570802.6,39910.57726,A,9,1,Bitcoin,USDT-USD
|
||||||
|
BTC,Bitstamp,BTC/USD,4904357.079,103847807.2,39898.51266,A,9,1,Bitcoin,
|
||||||
|
BTC,Huobi,btcusdt,1628523.051,85957777.78,39927.11023,A,9,1,Bitcoin,USDT-USD
|
||||||
|
BTC,CoinbasePro,BTC-USD,11838510.17,799998360.6,39872.42919,A,9,1,Bitcoin,
|
||||||
|
BTC,Kraken,BTCUSD,11254244.98,152725974.7,39905.34906,A,9,1,Bitcoin,
|
||||||
|
BTC,Binance,BTCUSDT,13081922.22,1943592587,39912.24136,A,9,1,Bitcoin,USDT-USD
|
||||||
|
CHZ,Okx,CHZ-USDT,76721.70261,9853334.361,0.1037356507,A,6,2,Chiliz,USDT-USD
|
||||||
|
CHZ,Mexc,CHZ_USDT,230477.9128,285408.6504,0.1038430482,A,6,2,Chiliz,USDT-USD
|
||||||
|
CHZ,CoinbasePro,CHZ-USD,51276.07653,1252645.033,0.1054762023,A,6,2,Chiliz,
|
||||||
|
CHZ,Kraken,CHZUSD,48524.85664,395637.5252,0.1050375877,A,6,2,Chiliz,
|
||||||
|
CHZ,Binance,CHZUSDT,249888.0127,28501304.85,0.1046721926,A,6,2,Chiliz,USDT-USD
|
||||||
|
CHZ,Gate,CHZ_USDT,50000,100000,0,A,6,2,Chiliz,USDT-USD
|
||||||
|
CRV,Kraken,CRVUSD,60416.85503,292275.2165,0.4482389055,A,6,2,Curve DAO Token,
|
||||||
|
CRV,Kucoin,CRV-USDT,50096.30378,680353.338,0.4434254994,A,6,2,Curve DAO Token,USDT-USD
|
||||||
|
CRV,Binance,CRVUSDT,265385.0097,9688519.274,0.443424373,A,6,2,Curve DAO Token,USDT-USD
|
||||||
|
CRV,CoinbasePro,CRV-USD,96582.28361,871025.6346,0.4446821049,A,6,2,Curve DAO Token,
|
||||||
|
CRV,Mexc,CRV_USDT,202941.3475,133320.8099,0.4438313683,A,6,2,Curve DAO Token,USDT-USD
|
||||||
|
CRV,Okx,CRV-USDT,109901.21,6873330.009,0.4425725114,A,6,2,Curve DAO Token,USDT-USD
|
||||||
|
DOGE,CoinbasePro,DOGE-USD,705184.7562,25424875.32,0.07793120656,A,9,1,Dogecoin,
|
||||||
|
DOGE,Okx,DOGE-USDT,565834.5118,33076839.3,0.07788150395,A,9,1,Dogecoin,USDT-USD
|
||||||
|
DOGE,Mexc,DOGE_USDT,1091538.578,22937578.29,0.0779243829,A,9,1,Dogecoin,USDT-USD
|
||||||
|
DOGE,Kraken,DOGEUSD,547998.0729,4621710.265,0.07778464129,A,9,1,Dogecoin,
|
||||||
|
DOGE,Bybit,DOGEUSDT,290256.381,15914185,0.07796760983,A,9,1,Dogecoin,USDT-USD
|
||||||
|
DOGE,Bitstamp,DOGE/USD,46447.64873,189541.7938,0.07799339803,A,9,1,Dogecoin,
|
||||||
|
DOGE,Binance,DOGEUSDT,1252926.134,84403824.56,0.07796643769,A,9,1,Dogecoin,USDT-USD
|
||||||
|
DOGE,Huobi,dogeusdt,269955.645,21525311.57,0.07794967908,A,9,1,Dogecoin,USDT-USD
|
||||||
|
DOGE,Kucoin,DOGE-USDT,365702.9014,7810505.65,0.07798714967,A,9,1,Dogecoin,USDT-USD
|
||||||
|
DOT,Kraken,DOTUSD,368701.8747,4429592.47,6.452188898,A,8,1,Polkadot,
|
||||||
|
DOT,Okx,DOT-USDT,222355.039,10742911.87,6.458175307,A,8,1,Polkadot,USDT-USD
|
||||||
|
DOT,Huobi,dotusdt,45783.29935,10974447.87,6.450317276,A,8,1,Polkadot,USDT-USD
|
||||||
|
DOT,Mexc,DOT_USDT,1098245.94,1339831.03,6.446585762,A,8,1,Polkadot,USDT-USD
|
||||||
|
DOT,Bybit,DOTUSDT,166496.7868,9913978.391,6.454271244,A,8,1,Polkadot,USDT-USD
|
||||||
|
DOT,CoinbasePro,DOT-USD,168119.2694,9778920.932,6.452749635,A,8,1,Polkadot,
|
||||||
|
DOT,Kucoin,DOT-USDT,124303.7984,5544103.268,6.453780538,A,8,1,Polkadot,USDT-USD
|
||||||
|
DOT,Binance,DOTUSDT,593806.1697,48873686.06,6.451243808,A,8,1,Polkadot,USDT-USD
|
||||||
|
ENS,Mexc,ENS_USDT,367658.849,670539.5241,17.98863652,A,6,2,Ethereum Name Service (ENS),USDT-USD
|
||||||
|
ENS,Kucoin,ENS-USDT,54724.81451,3676707.428,17.75880758,A,6,2,Ethereum Name Service (ENS),USDT-USD
|
||||||
|
ENS,Binance,ENSUSDT,291418.3232,62479176.65,17.81688813,A,6,2,Ethereum Name Service (ENS),USDT-USD
|
||||||
|
ENS,CoinbasePro,ENS-USD,91775.13594,7641723.902,17.79343763,A,6,2,Ethereum Name Service (ENS),
|
||||||
|
ENS,Okx,ENS-USDT,137796.003,17044833.9,17.78364476,A,6,2,Ethereum Name Service (ENS),USDT-USD
|
||||||
|
ENS,Gate,ENS_USDT,50000,100000,0,A,6,2,Ethereum Name Service (ENS),USDT-USD
|
||||||
|
EOS,Binance,EOSUSDT,372008.7468,8074383.692,0.6830128043,A,8,2,Eos,USDT-USD
|
||||||
|
EOS,Mexc,EOS_USDT,1199704.281,272102.5368,0.6840073934,A,8,2,Eos,USDT-USD
|
||||||
|
EOS,Kucoin,EOS-USDT,75854.21225,709014.6871,0.68384828,A,8,2,Eos,USDT-USD
|
||||||
|
EOS,CoinbasePro,EOS-USD,77320.52881,1313993.017,0.6822937779,A,8,2,Eos,
|
||||||
|
EOS,Kraken,EOSUSD,88673.50535,723904.186,0.6839062109,A,8,2,Eos,
|
||||||
|
EOS,Okx,EOS-USDT,139325.4759,9112853.76,0.6825281331,A,8,2,Eos,USDT-USD
|
||||||
|
EOS,Bybit,EOSUSDT,50578.19146,5841158.864,0.6822045569,A,8,2,Eos,USDT-USD
|
||||||
|
EOS,Gate,EOS_USDT,50000,100000,0,A,8,2,Eos,USDT-USD
|
||||||
|
ETC,Kucoin,ETC-USDT,113759.0808,3477554.997,22.85192736,A,8,1,Ethereum Classic,USDT-USD
|
||||||
|
ETC,Binance,ETCUSDT,655668.4981,60729272.86,22.86694828,A,8,1,Ethereum Classic,USDT-USD
|
||||||
|
ETC,Bybit,ETCUSDT,49561.58743,2838378.919,22.8367253,A,8,1,Ethereum Classic,USDT-USD
|
||||||
|
ETC,Kraken,ETCUSD,155878.8877,734888.778,22.88123977,A,8,1,Ethereum Classic,
|
||||||
|
ETC,CoinbasePro,ETC-USD,584427.6111,7597750.664,22.83725611,A,8,1,Ethereum Classic,
|
||||||
|
ETC,Huobi,etcusdt,81646.91108,13533193.91,22.77483439,A,8,1,Ethereum Classic,USDT-USD
|
||||||
|
ETC,Okx,ETC-USDT,338589.5466,23459446.52,22.81594291,A,8,1,Ethereum Classic,USDT-USD
|
||||||
|
ETC,Mexc,ETC_USDT,1378585.921,911135.813,22.92403344,A,8,1,Ethereum Classic,USDT-USD
|
||||||
|
ETH,Bitstamp,ETH/USD,1786424.201,19272496.97,2212.492226,A,9,1,Ethereum,
|
||||||
|
ETH,Okx,ETH-USDT,2444418.764,388934350.5,2210.16441,A,9,1,Ethereum,USDT-USD
|
||||||
|
ETH,Huobi,ethusdt,1695970.121,34272154.83,2212.288729,A,9,1,Ethereum,USDT-USD
|
||||||
|
ETH,Kucoin,ETH-USDT,1037412.076,119386693.6,2211.480181,A,9,1,Ethereum,USDT-USD
|
||||||
|
ETH,Bybit,ETHUSDT,1345249.473,304189767.2,2211.399676,A,9,1,Ethereum,USDT-USD
|
||||||
|
ETH,Kraken,ETHUSD,5075383.05,56853252.58,2212.377288,A,9,1,Ethereum,
|
||||||
|
ETH,Mexc,ETH_USDT,4484321.007,210359167.7,2214.032265,A,9,1,Ethereum,USDT-USD
|
||||||
|
ETH,CoinbasePro,ETH-USD,7298871.343,296252747.3,2210.07616,A,9,1,Ethereum,
|
||||||
|
ETH,Binance,ETHUSDT,10324165.63,1060630897,2211.179573,A,9,1,Ethereum,USDT-USD
|
||||||
|
FET,Mexc,FET_USDT,494656.0995,559935.8786,0.5882081836,A,6,2,Fetch AI,USDT-USD
|
||||||
|
FET,Binance,FETUSDT,465708.0914,22769357.29,0.5862566061,A,6,2,Fetch AI,USDT-USD
|
||||||
|
FET,Kucoin,FET-USDT,96173.26242,4354855.944,0.5872583338,A,6,2,Fetch AI,USDT-USD
|
||||||
|
FET,Okx,FET-USDT,80416.82548,1578553.143,0.587271404,A,6,2,Fetch AI,USDT-USD
|
||||||
|
FET,Kraken,FETUSD,80688.82031,1386327.677,0.5848580771,A,6,2,Fetch AI,
|
||||||
|
FET,CoinbasePro,FET-USD,241779.2529,9092328.77,0.5848723328,A,6,2,Fetch AI,
|
||||||
|
FIL,Kucoin,FIL-USDT,136368.2949,7410428.74,4.93172295,A,8,1,Filecoin,USDT-USD
|
||||||
|
FIL,Kraken,FILUSD,133991.2228,1832800.962,4.933693054,A,8,1,Filecoin,
|
||||||
|
FIL,CoinbasePro,FIL-USD,258870.6985,11530932.48,4.934286612,A,8,1,Filecoin,
|
||||||
|
FIL,Bybit,FILUSDT,86576.25386,7525363.033,4.91922609,A,8,1,Filecoin,USDT-USD
|
||||||
|
FIL,Mexc,FIL_USDT,1094874.372,1819214.992,4.927851525,A,8,1,Filecoin,USDT-USD
|
||||||
|
FIL,Okx,FIL-USDT,646778.4394,55504900,4.9289709,A,8,1,Filecoin,USDT-USD
|
||||||
|
FIL,Binance,FILUSDT,844740.0409,75887089.73,4.930605871,A,8,1,Filecoin,USDT-USD
|
||||||
|
FIL,Huobi,filusdt,68173.55527,16793194.38,4.936018668,A,8,1,Filecoin,USDT-USD
|
||||||
|
FTM,Bybit,FTMUSDT,71346.61591,4128311.729,0.3352808917,A,6,2,Fantom,USDT-USD
|
||||||
|
FTM,Kraken,FTMUSD,87646.51897,1176507.833,0.3346537706,A,6,2,Fantom,
|
||||||
|
FTM,Kucoin,FTM-USDT,106225.8231,4400742.84,0.3358058793,A,6,2,Fantom,USDT-USD
|
||||||
|
FTM,Mexc,FTM_USDT,632339.7399,1081199.831,0.3365010633,A,6,2,Fantom,USDT-USD
|
||||||
|
FTM,Binance,FTMUSDT,424997.2126,25764943.66,0.3360637395,A,6,2,Fantom,USDT-USD
|
||||||
|
FTM,Okx,FTM-USDT,98090.82999,4900885.095,0.3376845609,A,6,2,Fantom,USDT-USD
|
||||||
|
GALA,Okx,GALA-USDT,189873.4137,6654005.649,0.02204820477,A,6,2,Gala,USDT-USD
|
||||||
|
GALA,Mexc,GALA_USDT,674173.1073,662194.7213,0.02211283071,A,6,2,Gala,USDT-USD
|
||||||
|
GALA,Bybit,GALAUSDT,81233.95423,2802651.478,0.02204724605,A,6,2,Gala,USDT-USD
|
||||||
|
GALA,Kraken,GALAUSD,81853.15768,971887.7737,0.02213452999,A,6,2,Gala,
|
||||||
|
GALA,Binance,GALAUSDT,415969.0247,23466983.63,0.02205812128,A,6,2,Gala,USDT-USD
|
||||||
|
GALA,Gate,GALA_USDT,50000,100000,0,A,6,2,Gala,USDT-USD
|
||||||
|
GRT,CoinbasePro,GRT-USD,212787.1065,5275612.932,0.1493811838,A,7,2,The Graph,
|
||||||
|
GRT,Okx,GRT-USDT,65342.41311,2506599.164,0.1492456221,A,7,2,The Graph,USDT-USD
|
||||||
|
GRT,Mexc,GRT_USDT,598125.0805,479952.4649,0.1491757716,A,7,2,The Graph,USDT-USD
|
||||||
|
GRT,Kraken,GRTUSD,75871.99326,633740.4267,0.1498390276,A,7,2,The Graph,
|
||||||
|
GRT,Binance,GRTUSDT,326438.7018,17403725.33,0.1491240716,A,7,2,The Graph,USDT-USD
|
||||||
|
GRT,Kucoin,GRT-USDT,81544.85738,1753762.597,0.1493661616,A,7,2,The Graph,USDT-USD
|
||||||
|
GRT,Gate,GRT_USDT,50000,100000,0,A,7,2,The Graph,USDT-USD
|
||||||
|
HBAR,Kucoin,HBAR-USDT,114290.7661,2775278.488,0.07132025496,A,7,2,Hedera Hashgraph,USDT-USD
|
||||||
|
HBAR,Mexc,HBAR_USDT,460300.1662,483877.2872,0.07108943658,A,7,2,Hedera Hashgraph,USDT-USD
|
||||||
|
HBAR,CoinbasePro,HBAR-USD,214294.0589,7087561.93,0.07116005717,A,7,2,Hedera Hashgraph,
|
||||||
|
HBAR,Okx,HBAR-USDT,112689.0708,4026461.082,0.07125365623,A,7,2,Hedera Hashgraph,USDT-USD
|
||||||
|
HBAR,Huobi,hbarusdt,46422.78344,12502601.52,0.07144363395,A,7,2,Hedera Hashgraph,USDT-USD
|
||||||
|
HBAR,Binance,HBARUSDT,342801.5964,14209768.84,0.07132722883,A,7,2,Hedera Hashgraph,USDT-USD
|
||||||
|
HBAR,Bybit,HBARUSDT,45261.49627,1258321.041,0.07136344216,A,7,2,Hedera Hashgraph,USDT-USD
|
||||||
|
ICP,Binance,ICPUSDT,501774.1138,77170682.6,11.52804787,A,7,2,Internet Computer,USDT-USD
|
||||||
|
ICP,Okx,ICP-USDT,297422.7336,20593859.34,11.59386803,A,7,2,Internet Computer,USDT-USD
|
||||||
|
ICP,Mexc,ICP_USDT,229038.0671,2659248.459,11.29959518,A,7,2,Internet Computer,USDT-USD
|
||||||
|
ICP,Bybit,ICPUSDT,145658.1104,13815502.64,11.47155514,A,7,2,Internet Computer,USDT-USD
|
||||||
|
ICP,CoinbasePro,ICP-USD,481694.0934,22919263.78,11.51929241,A,7,2,Internet Computer,
|
||||||
|
ICP,Kucoin,ICP-USDT,243799.5596,21281791.71,11.4267898,A,7,2,Internet Computer,USDT-USD
|
||||||
|
ICP,Kraken,ICPUSD,152510.8207,4230646.898,11.48180455,A,7,2,Internet Computer,
|
||||||
|
INJ,Binance,INJUSDT,761854.6344,75471268.13,31.75641906,A,7,2,Injective Protocol,USDT-USD
|
||||||
|
INJ,Bybit,INJUSDT,46259.03266,8671297.48,31.81868206,A,7,2,Injective Protocol,USDT-USD
|
||||||
|
INJ,Mexc,INJ_USDT,195130.7785,2547540.558,31.75180875,A,7,2,Injective Protocol,USDT-USD
|
||||||
|
INJ,Kraken,INJUSD,110554.9597,4615214.653,31.81822066,A,7,2,Injective Protocol,
|
||||||
|
INJ,CoinbasePro,INJ-USD,263574.9589,21960083.14,31.75834432,A,7,2,Injective Protocol,
|
||||||
|
INJ,Kucoin,INJ-USDT,112763.3848,13043315.83,31.73964964,A,7,2,Injective Protocol,USDT-USD
|
||||||
|
INJ,Okx,INJ-USDT,156547.4276,6879780.129,31.838232,A,7,2,Injective Protocol,USDT-USD
|
||||||
|
JTO,CoinbasePro,JTO-USD,209989.3821,10018464.73,1.887681028,A,6,2,Jito,
|
||||||
|
JTO,Binance,JTOUSDT,350644.6827,47762160.17,1.883291251,A,6,2,Jito,USDT-USD
|
||||||
|
JTO,Bybit,JTOUSDT,74864.14695,4967573.71,1.886557933,A,6,2,Jito,USDT-USD
|
||||||
|
JTO,Mexc,JTO_USDT,138559.5351,998743.8255,1.88425904,A,6,2,Jito,USDT-USD
|
||||||
|
JTO,Okx,JTO-USDT,96745.66258,8928569.193,1.884792183,A,6,2,Jito,USDT-USD
|
||||||
|
JTO,Kucoin,JTO-USDT,87953.5565,3015273.183,1.890669659,A,6,2,Jito,USDT-USD
|
||||||
|
KAVA,CoinbasePro,KAVA-USD,176534.8573,385485.2501,0.6919030037,A,6,2,Kava,
|
||||||
|
KAVA,Mexc,KAVA_USDT,1176186.319,270495.2643,0.6895330959,A,6,2,Kava,USDT-USD
|
||||||
|
KAVA,Kucoin,KAVA-USDT,89752.19321,596070.2703,0.6890117656,A,6,2,Kava,USDT-USD
|
||||||
|
KAVA,Binance,KAVAUSDT,646090.2324,11218433.99,0.6895853325,A,6,2,Kava,USDT-USD
|
||||||
|
KAVA,Kraken,KAVAUSD,85320.83296,641014.1765,0.6908946014,A,6,2,Kava,
|
||||||
|
KAVA,Gate,KAVA_USDT,50000,100000,0,A,6,2,Kava,USDT-USD
|
||||||
|
LDO,Okx,LDO-USDT,181894.181,10111578.42,2.88714217,A,8,2,Lido DAO,USDT-USD
|
||||||
|
LDO,Binance,LDOUSDT,387738.82,41043700.87,2.883611792,A,8,2,Lido DAO,USDT-USD
|
||||||
|
LDO,CoinbasePro,LDO-USD,220300.8676,11976409.69,2.884625596,A,8,2,Lido DAO,
|
||||||
|
LDO,Kraken,LDOUSD,100447.1249,2150960.494,2.887488478,A,8,2,Lido DAO,
|
||||||
|
LDO,Mexc,LDO_USDT,588930.053,638809.6967,2.882180527,A,8,2,Lido DAO,USDT-USD
|
||||||
|
LDO,Kucoin,LDO-USDT,91009.30345,4468563.248,2.885880042,A,8,2,Lido DAO,USDT-USD
|
||||||
|
LDO,Bybit,LDOUSDT,71154.49236,6463827.135,2.885385432,A,8,2,Lido DAO,USDT-USD
|
||||||
|
LDO,Gate,LDO_USDT,50000,100000,0,A,8,2,Lido DAO,USDT-USD
|
||||||
|
LINK,Kraken,LINKUSD,552242.3853,5755261.063,13.82357462,A,8,1,ChainLink,
|
||||||
|
LINK,CoinbasePro,LINK-USD,680356.4439,32122820.26,13.80640803,A,8,1,ChainLink,
|
||||||
|
LINK,Mexc,LINK_USDT,1218298.471,49003625.57,13.80057366,A,8,1,ChainLink,USDT-USD
|
||||||
|
LINK,Binance,LINKUSDT,1057623.562,91375865.04,13.7948244,A,8,1,ChainLink,USDT-USD
|
||||||
|
LINK,Okx,LINK-USDT,275176.1551,13565986.64,13.79776617,A,8,1,ChainLink,USDT-USD
|
||||||
|
LINK,Bitstamp,LINK/USD,151182.7984,1359533.87,13.84044633,A,8,1,ChainLink,
|
||||||
|
LINK,Kucoin,LINK-USDT,196203.2947,9579617.943,13.81059009,A,8,1,ChainLink,USDT-USD
|
||||||
|
LINK,Bybit,LINKUSDT,180315.7755,14220162.33,13.85826731,A,8,1,ChainLink,USDT-USD
|
||||||
|
LTC,CoinbasePro,LTC-USD,543451.3689,13785634.51,65.4631381,A,9,1,Litecoin,
|
||||||
|
LTC,Mexc,LTC_USDT,1879096.824,17331806.29,65.43634611,A,9,1,Litecoin,USDT-USD
|
||||||
|
LTC,Okx,LTC-USDT,507929.3471,26530065.91,65.41225491,A,9,1,Litecoin,USDT-USD
|
||||||
|
LTC,Kucoin,LTC-USDT,290350.1634,6126387.388,65.4318351,A,9,1,Litecoin,USDT-USD
|
||||||
|
LTC,Bybit,LTCUSDT,201299.6733,12383937.05,65.45086009,A,9,1,Litecoin,USDT-USD
|
||||||
|
LTC,Bitstamp,LTC/USD,71302.43935,837193.57,65.38819428,A,9,1,Litecoin,
|
||||||
|
LTC,Huobi,ltcusdt,150004.7632,4614143.66,65.4369822,A,9,1,Litecoin,USDT-USD
|
||||||
|
LTC,Kraken,LTCUSD,485564.9077,2601077.121,65.43280684,A,9,1,Litecoin,
|
||||||
|
LTC,Binance,LTCUSDT,975861.6282,46447198.76,65.43597402,A,9,1,Litecoin,USDT-USD
|
||||||
|
MANA,Binance,MANAUSDT,161539.8083,8060438.22,0.4335988613,A,7,2,Decentraland,USDT-USD
|
||||||
|
MANA,Kucoin,MANA-USDT,58087.72222,503402.4757,0.4338408816,A,7,2,Decentraland,USDT-USD
|
||||||
|
MANA,Kraken,MANAUSD,84924.79935,272373.0049,0.432452467,A,7,2,Decentraland,
|
||||||
|
MANA,Mexc,MANA_USDT,253761.7046,145519.6743,0.4345951497,A,7,2,Decentraland,USDT-USD
|
||||||
|
MANA,Okx,MANA-USDT,68844.47795,1431443.961,0.4338122156,A,7,2,Decentraland,USDT-USD
|
||||||
|
MANA,CoinbasePro,MANA-USD,69142.62162,865483.8728,0.4332575848,A,7,2,Decentraland,
|
||||||
|
MANA,Gate,MANA_USDT,50000,100000,0,A,7,2,Decentraland,USDT-USD
|
||||||
|
MASK,Binance,MASKUSDT,527334.4347,29606345.22,3.252034856,A,7,2,Mask Network,USDT-USD
|
||||||
|
MASK,Okx,MASK-USDT,164626.3439,17425407.01,3.247435343,A,7,2,Mask Network,USDT-USD
|
||||||
|
MASK,Kucoin,MASK-USDT,68471.50785,2787550.55,3.250394924,A,7,2,Mask Network,USDT-USD
|
||||||
|
MASK,Mexc,MASK_USDT,551854.5319,340523.7233,3.255251096,A,7,2,Mask Network,USDT-USD
|
||||||
|
MASK,CoinbasePro,MASK-USD,76371.2574,1172479.2,3.257449365,A,7,2,Mask Network,
|
||||||
|
MASK,Bybit,MASKUSDT,55836.09372,3549089.841,3.251526238,A,7,2,Mask Network,USDT-USD
|
||||||
|
MASK,Gate,MASK_USDT,50000,100000,0,A,7,2,Mask Network,USDT-USD
|
||||||
|
MATIC,Okx,MATIC-USDT,286529.4599,19272111.96,0.7282054395,A,9,1,Matic Network,USDT-USD
|
||||||
|
MATIC,CoinbasePro,MATIC-USD,392683.598,14444572.98,0.7281953324,A,9,1,Matic Network,
|
||||||
|
MATIC,Binance,MATICUSDT,880166.8053,97986293.13,0.7281469424,A,9,1,Matic Network,USDT-USD
|
||||||
|
MATIC,Huobi,maticusdt,109573.122,15234696.66,0.7286294763,A,9,1,Matic Network,USDT-USD
|
||||||
|
MATIC,Bybit,MATICUSDT,253953.798,21099460.02,0.7281887236,A,9,1,Matic Network,USDT-USD
|
||||||
|
MATIC,Mexc,MATIC_USDT,985242.4337,45954909.9,0.7282376458,A,9,1,Matic Network,USDT-USD
|
||||||
|
MATIC,Kraken,MATICUSD,478478.4995,4510025.126,0.7294573007,A,9,1,Matic Network,
|
||||||
|
MATIC,Bitstamp,MATIC/USD,77920.84684,344911.6889,0.733080163,A,9,1,Matic Network,
|
||||||
|
MATIC,Kucoin,MATIC-USDT,356785.0871,8215026.183,0.7274795596,A,9,1,Matic Network,USDT-USD
|
||||||
|
MKR,CoinbasePro,MKR-USD,189657.3728,7901151.839,2113.462825,A,6,2,Maker,
|
||||||
|
MKR,Mexc,MKR_USDT,659686.2959,230714.6623,2119.293037,A,6,2,Maker,USDT-USD
|
||||||
|
MKR,Binance,MKRUSDT,368523.4153,23448263.7,2114.219678,A,6,2,Maker,USDT-USD
|
||||||
|
MKR,Kraken,MKRUSD,49658.74142,622993.922,2107.930364,A,6,2,Maker,
|
||||||
|
MKR,Okx,MKR-USDT,81342.70903,3487712.056,2111.932327,A,6,2,Maker,USDT-USD
|
||||||
|
MKR,Kucoin,MKR-USDT,45425.02507,675263.6294,2112.071675,A,6,2,Maker,USDT-USD
|
||||||
|
NEAR,Kucoin,NEAR-USDT,124294.3172,5843254.667,2.674161205,A,8,1,Near,USDT-USD
|
||||||
|
NEAR,Bybit,NEARUSDT,58206.62204,4630072.987,2.678918634,A,8,1,Near,USDT-USD
|
||||||
|
NEAR,CoinbasePro,NEAR-USD,185291.8636,5187550.998,2.67843549,A,8,1,Near,
|
||||||
|
NEAR,Kraken,NEARUSD,191549.9708,3360632.501,2.667463339,A,8,1,Near,
|
||||||
|
NEAR,Okx,NEAR-USDT,311377.3773,15382244.05,2.672818299,A,8,1,Near,USDT-USD
|
||||||
|
NEAR,Binance,NEARUSDT,578778.0911,61784058.07,2.676081404,A,8,1,Near,USDT-USD
|
||||||
|
NEAR,Mexc,NEAR_USDT,871096.6953,1184958.966,2.678323491,A,8,1,Near,USDT-USD
|
||||||
|
NEAR,Huobi,nearusdt,74787.28484,6999178.627,2.67181076,A,8,1,Near,USDT-USD
|
||||||
|
OP,Mexc,OP_USDT,1987545.663,1684136.999,2.871032553,A,7,2,Optimism,USDT-USD
|
||||||
|
OP,Okx,OP-USDT,456470.0968,40684606.93,2.865726402,A,7,2,Optimism,USDT-USD
|
||||||
|
OP,Bybit,OPUSDT,121956.4932,12754054.86,2.863599682,A,7,2,Optimism,USDT-USD
|
||||||
|
OP,Binance,OPUSDT,1189317.678,120606269.7,2.866861935,A,7,2,Optimism,USDT-USD
|
||||||
|
OP,Kucoin,OP-USDT,151102.3965,7514893.178,2.86647468,A,7,2,Optimism,USDT-USD
|
||||||
|
OP,CoinbasePro,OP-USD,351393.8984,22928210.76,2.864965623,A,7,2,Optimism,
|
||||||
|
OP,Gate,OP_USDT,50000,100000,0,A,7,2,Optimism,USDT-USD
|
||||||
|
ORDI,Kucoin,ORDI-USDT,110936.0169,7517594.63,51.5460857,A,6,2,Ordinals,USDT-USD
|
||||||
|
ORDI,Bybit,ORDIUSDT,119439.2682,9142897.563,51.46062583,A,6,2,Ordinals,USDT-USD
|
||||||
|
ORDI,Binance,ORDIUSDT,1816384.797,157536421.3,51.50890555,A,6,2,Ordinals,USDT-USD
|
||||||
|
ORDI,Okx,ORDI-USDT,897255.021,111729885.1,51.56285708,A,6,2,Ordinals,USDT-USD
|
||||||
|
ORDI,Huobi,ordiusdt,90017.00367,6939659.846,52.21823543,A,6,2,Ordinals,USDT-USD
|
||||||
|
ORDI,Gate,ORDI_USDT,50000,100000,0,A,6,2,Ordinals,USDT-USD
|
||||||
|
PEPE,Binance,PEPEUSDT,1854338.485,21983200.56,1.02E-06,A,6,2,Pepe,USDT-USD
|
||||||
|
PEPE,Kraken,PEPEUSD,66383.09612,339921.3126,1.02E-06,A,6,2,Pepe,
|
||||||
|
PEPE,Bybit,PEPEUSDT,70662.28564,5776041.599,1.02E-06,A,6,2,Pepe,USDT-USD
|
||||||
|
PEPE,Kucoin,PEPE-USDT,117845.5631,6320839.499,1.02E-06,A,6,2,Pepe,USDT-USD
|
||||||
|
PEPE,Mexc,PEPE_USDT,576088.0345,1051367.142,1.02E-06,A,6,2,Pepe,USDT-USD
|
||||||
|
PEPE,Okx,PEPE-USDT,253199.6634,10378463.48,1.02E-06,A,6,2,Pepe,USDT-USD
|
||||||
|
RNDR,Kucoin,RNDR-USDT,93245.66824,3389990.196,3.78277704,A,6,2,Render Token,USDT-USD
|
||||||
|
RNDR,Binance,RNDRUSDT,456778.1853,34499985.8,3.781059636,A,6,2,Render Token,USDT-USD
|
||||||
|
RNDR,CoinbasePro,RNDR-USD,180418.0343,11691967.24,3.767943401,A,6,2,Render Token,
|
||||||
|
RNDR,Kraken,RNDRUSD,62255.2913,1176061.236,3.788017753,A,6,2,Render Token,
|
||||||
|
RNDR,Mexc,RNDR_USDT,627963.3038,617023.2409,3.770998381,A,6,2,Render Token,USDT-USD
|
||||||
|
RNDR,Okx,RNDR-USDT,122198.2874,5319549.855,3.772653723,A,6,2,Render Token,USDT-USD
|
||||||
|
SAND,Okx,SAND-USDT,100469.8264,3508230.948,0.4373225476,A,7,2,SAND,USDT-USD
|
||||||
|
SAND,Kucoin,SAND-USDT,64668.48254,997968.9032,0.4371193254,A,7,2,SAND,USDT-USD
|
||||||
|
SAND,Kraken,SANDUSD,47650.66542,278973.929,0.4395664881,A,7,2,SAND,
|
||||||
|
SAND,CoinbasePro,SAND-USD,54744.16281,731889.0885,0.437434037,A,7,2,SAND,
|
||||||
|
SAND,Binance,SANDUSDT,263841.1812,14105685.55,0.4370122624,A,7,2,SAND,USDT-USD
|
||||||
|
SAND,Mexc,SAND_USDT,380990.8836,209883.4311,0.437304002,A,7,2,SAND,USDT-USD
|
||||||
|
SAND,Gate,SAND_USDT,50000,100000,0,A,7,2,SAND,USDT-USD
|
||||||
|
SEI,Binance,SEIUSDT,960266.1108,147580247.1,0.613207501,A,7,2,Sei,USDT-USD
|
||||||
|
SEI,CoinbasePro,SEI-USD,501975.7126,44992922.16,0.6149800585,A,7,2,Sei,
|
||||||
|
SEI,Huobi,seiusdt,58169.10057,38375753.16,0.6146183588,A,7,2,Sei,USDT-USD
|
||||||
|
SEI,Bybit,SEIUSDT,131815.1551,20617259.61,0.6146716564,A,7,2,Sei,USDT-USD
|
||||||
|
SEI,Kraken,SEIUSD,60743.57825,6077393.643,0.6142689745,A,7,2,Sei,
|
||||||
|
SEI,Kucoin,SEI-USDT,178642.4194,10251443.59,0.6122370319,A,7,2,Sei,USDT-USD
|
||||||
|
SEI,Mexc,SEI_USDT,456994.8627,3721782.454,0.6209961106,A,7,2,Sei,USDT-USD
|
||||||
|
SHIB,Okx,SHIB-USDT,186962.879,5752876.108,8.84E-06,A,8,1,Shiba Inu,USDT-USD
|
||||||
|
SHIB,Bybit,SHIBUSDT,97654.78678,2621562.66,8.84E-06,A,8,1,Shiba Inu,USDT-USD
|
||||||
|
SHIB,Kucoin,SHIB-USDT,214053.7893,4620710.046,8.84E-06,A,8,1,Shiba Inu,USDT-USD
|
||||||
|
SHIB,CoinbasePro,SHIB-USD,472915.9234,9834603.706,8.84E-06,A,8,1,Shiba Inu,
|
||||||
|
SHIB,Binance,SHIBUSDT,711743.4514,34409618.31,8.84E-06,A,8,1,Shiba Inu,USDT-USD
|
||||||
|
SHIB,Kraken,SHIBUSD,104567.4626,420513.5586,8.84E-06,A,8,1,Shiba Inu,
|
||||||
|
SHIB,Mexc,SHIB_USDT,1940827.945,796547.7524,8.84E-06,A,8,1,Shiba Inu,USDT-USD
|
||||||
|
SHIB,Huobi,shibusdt,67117.45039,363334.4836,8.84E-06,A,8,1,Shiba Inu,USDT-USD
|
||||||
|
SNX,Mexc,SNX_USDT,310714.3857,335052.6602,3.112944227,A,6,2,Synthetix Network Token,USDT-USD
|
||||||
|
SNX,Kraken,SNXUSD,63489.12006,606793.6628,3.13979134,A,6,2,Synthetix Network Token,
|
||||||
|
SNX,Okx,SNX-USDT,103282.8979,3298762.932,3.135011753,A,6,2,Synthetix Network Token,USDT-USD
|
||||||
|
SNX,Bybit,SNXUSDT,60753.04211,1293350.734,3.125053636,A,6,2,Synthetix Network Token,USDT-USD
|
||||||
|
SNX,Binance,SNXUSDT,287994.4111,12367152.42,3.133185754,A,6,2,Synthetix Network Token,USDT-USD
|
||||||
|
SNX,CoinbasePro,SNX-USD,138260.8807,3807927.897,3.137731528,A,6,2,Synthetix Network Token,
|
||||||
|
SOL,Kucoin,SOL-USDT,374442.0549,56433240.02,87.53739207,A,9,1,Solana,USDT-USD
|
||||||
|
SOL,CoinbasePro,SOL-USD,2257090.149,145521917.4,87.38247282,A,9,1,Solana,
|
||||||
|
SOL,Okx,SOL-USDT,1397468.011,135207705.4,87.4902174,A,9,1,Solana,USDT-USD
|
||||||
|
SOL,Mexc,SOL_USDT,1779392.262,299329951.9,87.49495206,A,9,1,Solana,USDT-USD
|
||||||
|
SOL,Kraken,SOLUSD,2251190.633,64593290.11,87.67728718,A,9,1,Solana,
|
||||||
|
SOL,Binance,SOLUSDT,3741601.199,607947665.6,87.49377311,A,9,1,Solana,USDT-USD
|
||||||
|
SOL,Bitstamp,SOL/USD,109890.2738,2646819.043,87.31111501,A,9,1,Solana,
|
||||||
|
SOL,Bybit,SOLUSDT,831770.3877,120667847.4,87.36083166,A,9,1,Solana,USDT-USD
|
||||||
|
SOL,Huobi,solusdt,275163.2969,41233952.41,87.4809317,A,9,1,Solana,USDT-USD
|
||||||
|
STX,Okx,STX-USDT,180203.7241,13352549.39,1.463485107,A,7,2,Stacks,USDT-USD
|
||||||
|
STX,Kraken,STXUSD,58949.55711,1353219.917,1.468122483,A,7,2,Stacks,
|
||||||
|
STX,CoinbasePro,STX-USD,258400.6869,14123894.62,1.463175003,A,7,2,Stacks,
|
||||||
|
STX,Kucoin,STX-USDT,152358.5064,5233980.249,1.465347379,A,7,2,Stacks,USDT-USD
|
||||||
|
STX,Binance,STXUSDT,584610.0183,45329052.16,1.462632266,A,7,2,Stacks,USDT-USD
|
||||||
|
STX,Mexc,STX_USDT,227354.8541,915054.5567,1.463303254,A,7,2,Stacks,USDT-USD
|
||||||
|
STX,Gate,STX_USDT,50000,100000,0,A,7,2,Stacks,USDT-USD
|
||||||
|
SUI,Kucoin,SUI-USDT,157119.1,12511155.03,1.224163869,A,6,2,SuiNetwork,USDT-USD
|
||||||
|
SUI,Mexc,SUI_USDT,233548.7548,2056662.292,1.222993101,A,6,2,SuiNetwork,USDT-USD
|
||||||
|
SUI,Binance,SUIUSDT,1262079.981,111516956.8,1.223930951,A,6,2,SuiNetwork,USDT-USD
|
||||||
|
SUI,CoinbasePro,SUI-USD,164063.7043,14862283.81,1.225266393,A,6,2,SuiNetwork,
|
||||||
|
SUI,Bybit,SUIUSDT,212067.1354,19630489.94,1.225408738,A,6,2,SuiNetwork,USDT-USD
|
||||||
|
SUI,Okx,SUI-USDT,613217.7334,54191478.11,1.223865903,A,6,2,SuiNetwork,USDT-USD
|
||||||
|
SUSHI,Mexc,SUSHI_USDT,698897.3305,162827.6862,1.069891177,A,6,2,Sushi,USDT-USD
|
||||||
|
SUSHI,Binance,SUSHIUSDT,314905.5164,8301205.3,1.070356721,A,6,2,Sushi,USDT-USD
|
||||||
|
SUSHI,Okx,SUSHI-USDT,140667.711,3610840.809,1.067487683,A,6,2,Sushi,USDT-USD
|
||||||
|
SUSHI,Kraken,SUSHIUSD,60333.51362,206177.6733,1.075978241,A,6,2,Sushi,
|
||||||
|
SUSHI,CoinbasePro,SUSHI-USD,84615.09476,3085188.166,1.072066002,A,6,2,Sushi,
|
||||||
|
SUSHI,Gate,SUSHI_USDT,50000,100000,0,A,6,2,Sushi,USDT-USD
|
||||||
|
TIA,Bybit,TIAUSDT,187918.6442,14660427.8,15.52650347,A,7,2,Celestia,USDT-USD
|
||||||
|
TIA,Binance,TIAUSDT,841382.0946,102103230.5,15.53648038,A,7,2,Celestia,USDT-USD
|
||||||
|
TIA,CoinbasePro,TIA-USD,383069.4815,25165071.27,15.51546599,A,7,2,Celestia,
|
||||||
|
TIA,Kraken,TIAUSD,111097.8042,6238500.3,15.50599396,A,7,2,Celestia,
|
||||||
|
TIA,Kucoin,TIA-USDT,125355.6151,11079068.85,15.55654998,A,7,2,Celestia,USDT-USD
|
||||||
|
TIA,Mexc,TIA_USDT,100237.1437,2406206.399,15.72168637,A,7,2,Celestia,USDT-USD
|
||||||
|
TIA,Okx,TIA-USDT,552714.9757,23266716.08,15.50535992,A,7,2,Celestia,USDT-USD
|
||||||
|
TRX,Kraken,TRXUSD,256930.9396,749814.9748,0.1113946358,A,8,2,TRON,
|
||||||
|
TRX,Binance,TRXUSDT,613911.798,39811843.58,0.110779356,A,8,2,TRON,USDT-USD
|
||||||
|
TRX,Huobi,trxusdt,213398.1056,8135870.339,0.1107429915,A,8,2,TRON,USDT-USD
|
||||||
|
TRX,Okx,TRX-USDT,162323.4689,5484388.924,0.1107910725,A,8,2,TRON,USDT-USD
|
||||||
|
TRX,Bybit,TRXUSDT,137021.0481,4074633.26,0.1107581644,A,8,2,TRON,USDT-USD
|
||||||
|
TRX,Kucoin,TRX-USDT,129267.4773,2807145.376,0.1109288304,A,8,2,TRON,USDT-USD
|
||||||
|
TRX,Mexc,TRX_USDT,676244.1047,18412701.3,0.1107773897,A,8,2,TRON,USDT-USD
|
||||||
|
TRX,Gate,TRX_USDT,50000,100000,0,A,8,2,TRON,USDT-USD
|
||||||
|
UNI,Mexc,UNI_USDT,764302.9979,247466.3051,5.761766722,A,7,2,Uniswap,USDT-USD
|
||||||
|
UNI,Binance,UNIUSDT,399637.0021,17327263.14,5.766455246,A,7,2,Uniswap,USDT-USD
|
||||||
|
UNI,Bybit,UNIUSDT,67657.94054,2493651.981,5.759751567,A,7,2,Uniswap,USDT-USD
|
||||||
|
UNI,Kucoin,UNI-USDT,62238.34996,915687.2194,5.769731774,A,7,2,Uniswap,USDT-USD
|
||||||
|
UNI,Kraken,UNIUSD,110184.576,575064.438,5.744322919,A,7,2,Uniswap,
|
||||||
|
UNI,Okx,UNI-USDT,188134.5271,8636195.728,5.755593059,A,7,2,Uniswap,USDT-USD
|
||||||
|
UNI,CoinbasePro,UNI-USD,136046.1025,4933014.237,5.766666815,A,7,2,Uniswap,
|
||||||
|
WLD,Okx,WLD-USDT,251129.2683,9586681.603,2.292928825,A,6,2,Worldcoin WLD,USDT-USD
|
||||||
|
WLD,Mexc,WLD_USDT,487737.0114,273829.0676,2.273495768,A,6,2,Worldcoin WLD,USDT-USD
|
||||||
|
WLD,Bybit,WLDUSDT,56863.91933,3194845.195,2.293914994,A,6,2,Worldcoin WLD,USDT-USD
|
||||||
|
WLD,Binance,WLDUSDT,309841.6575,26594366.07,2.291594044,A,6,2,Worldcoin WLD,USDT-USD
|
||||||
|
WLD,Kucoin,WLD-USDT,82240.3581,1301628.522,2.294060237,A,6,2,Worldcoin WLD,USDT-USD
|
||||||
|
WLD,Gate,WLD_USDT,50000,100000,0,A,6,2,Worldcoin WLD,USDT-USD
|
||||||
|
XLM,Kucoin,XLM-USDT,85927.31243,1417810.596,0.1117112483,A,8,1,Stellar,USDT-USD
|
||||||
|
XLM,CoinbasePro,XLM-USD,225276.1032,8883356.851,0.1117142784,A,8,1,Stellar,
|
||||||
|
XLM,Okx,XLM-USDT,118111.3781,1765770.66,0.1116885221,A,8,1,Stellar,USDT-USD
|
||||||
|
XLM,Kraken,XLMUSD,176811.499,408089.0655,0.1115158801,A,8,1,Stellar,
|
||||||
|
XLM,Bitstamp,XLM/USD,72720.87116,733454.4667,0.1113217575,A,8,1,Stellar,
|
||||||
|
XLM,Mexc,XLM_USDT,1132933.24,618310.8309,0.1117266616,A,8,1,Stellar,USDT-USD
|
||||||
|
XLM,Bybit,XLMUSDT,88709.74889,3151890.822,0.111753146,A,8,1,Stellar,USDT-USD
|
||||||
|
XLM,Binance,XLMUSDT,345297.9107,8403369.953,0.1117183159,A,8,1,Stellar,USDT-USD
|
||||||
|
XRP,Kraken,XRPUSD,814559.1334,6616229.004,0.5113032699,A,9,1,Ripple,
|
||||||
|
XRP,Binance,XRPUSDT,1884848.243,189067323.1,0.5112663149,A,9,1,Ripple,USDT-USD
|
||||||
|
XRP,Okx,XRP-USDT,563822.8277,34832795.43,0.5114652914,A,9,1,Ripple,USDT-USD
|
||||||
|
XRP,CoinbasePro,XRP-USD,730290.9717,38862484.52,0.5115428632,A,9,1,Ripple,
|
||||||
|
XRP,Huobi,xrpusdt,130799.1755,30764931.78,0.5116267728,A,9,1,Ripple,USDT-USD
|
||||||
|
XRP,Kucoin,XRP-USDT,711262.8242,17611337.65,0.5113220721,A,9,1,Ripple,USDT-USD
|
||||||
|
XRP,Bybit,XRPUSDT,574200.8828,60341501.96,0.511381899,A,9,1,Ripple,USDT-USD
|
||||||
|
XRP,Bitstamp,XRP/USD,893779.877,8546572.012,0.5101769016,A,9,1,Ripple,
|
||||||
|
XRP,Mexc,XRP_USDT,2253802.257,64063212.39,0.5113602624,A,9,1,Ripple,USDT-USD
|
||||||
|
CFX,Mexc,CFX_USDT,741948.4908,377232.5696,0.1828636419,B,5,2,Conflux Token,USDT-USD
|
||||||
|
CFX,Kucoin,CFX-USDT,55943.9793,3166120.044,0.1814791365,B,5,2,Conflux Token,USDT-USD
|
||||||
|
CFX,Binance,CFXUSDT,425985.235,21370941.25,0.1814141679,B,5,2,Conflux Token,USDT-USD
|
||||||
|
CFX,Okx,CFX-USDT,225570.4218,11740974.87,0.1814352472,B,5,2,Conflux Token,USDT-USD
|
||||||
|
CFX,Gate,CFX_USDT,50000,100000,0,B,5,2,Conflux Token,USDT-USD
|
||||||
|
COMP,Kraken,COMPUSD,53754.17258,243932.5958,53.11057205,B,5,2,Compound Coin,
|
||||||
|
COMP,Mexc,COMP_USDT,230873.8911,180053.2444,52.64207051,B,5,2,Compound Coin,USDT-USD
|
||||||
|
COMP,Okx,COMP-USDT,66721.14412,2254113.721,52.63991084,B,5,2,Compound Coin,USDT-USD
|
||||||
|
COMP,CoinbasePro,COMP-USD,62085.28523,1437341.815,52.63084228,B,5,2,Compound Coin,
|
||||||
|
COMP,Binance,COMPUSDT,121785.3724,8389374.272,52.68915121,B,5,2,Compound Coin,USDT-USD
|
||||||
|
EGLD,Kucoin,EGLD-USDT,65252.11559,1177346.419,48.76618226,B,5,2,MultiversX,USDT-USD
|
||||||
|
EGLD,Binance,EGLDUSDT,271211.9052,11875041.97,48.79330927,B,5,2,MultiversX,USDT-USD
|
||||||
|
EGLD,Mexc,EGLD_USDT,376293.4565,276441.7792,48.74594483,B,5,2,MultiversX,USDT-USD
|
||||||
|
EGLD,CoinbasePro,EGLD-USD,52835.82668,917429.1077,48.88945848,B,5,2,MultiversX,
|
||||||
|
EGLD,Gate,EGLD_USDT,50000,100000,0,B,5,2,MultiversX,USDT-USD
|
||||||
|
FLOW,Kraken,FLOWUSD,51916.27241,275346.5158,0.7242278161,B,5,2,Flow - Dapper Labs,
|
||||||
|
FLOW,Binance,FLOWUSDT,293656.6338,9552308.898,0.7291395058,B,5,2,Flow - Dapper Labs,USDT-USD
|
||||||
|
FLOW,Mexc,FLOW_USDT,483739.2177,113468.7798,0.7323395177,B,5,2,Flow - Dapper Labs,USDT-USD
|
||||||
|
FLOW,Okx,FLOW-USDT,80766.53137,9510373.237,0.7285897993,B,5,2,Flow - Dapper Labs,USDT-USD
|
||||||
|
FLOW,Gate,FLOW_USDT,50000,100000,0,B,5,2,Flow - Dapper Labs,USDT-USD
|
||||||
|
GMT,CoinbasePro,GMT-USD,67428.76141,2248881.711,0.2560028014,B,5,2,STEPN,
|
||||||
|
GMT,Binance,GMTUSDT,462665.2276,38705519.52,0.2555371175,B,5,2,STEPN,USDT-USD
|
||||||
|
GMT,Kucoin,GMT-USDT,72869.96385,2005043.366,0.2557195795,B,5,2,STEPN,USDT-USD
|
||||||
|
GMT,Okx,GMT-USDT,152103.8921,8914015.232,0.2554599347,B,5,2,STEPN,USDT-USD
|
||||||
|
GMT,Gate,GMT_USDT,50000,100000,0,B,5,2,STEPN,USDT-USD
|
||||||
|
MEME,Bybit,MEMEUSDT,74659.94612,1660599.611,0.02253908946,B,5,2,Memecoin Price,USDT-USD
|
||||||
|
MEME,Binance,MEMEUSDT,489840.1554,31554049.74,0.02249870307,B,5,2,Memecoin Price,USDT-USD
|
||||||
|
MEME,Kucoin,MEME-USDT,50201.45759,1498743.96,0.02243463802,B,5,2,Memecoin Price,USDT-USD
|
||||||
|
MEME,Mexc,MEME_USDT,184005.5762,478785.4964,0.02260242467,B,5,2,Memecoin Price,USDT-USD
|
||||||
|
MEME,Gate,MEME_USDT,50000,100000,0,B,5,2,Memecoin Price,USDT-USD
|
||||||
|
MINA,Mexc,MINA_USDT,110130.5009,610463.4036,1.00715717,B,5,2,Mina,USDT-USD
|
||||||
|
MINA,CoinbasePro,MINA-USD,59277.03658,6118487.412,1.008738919,B,5,2,Mina,
|
||||||
|
MINA,Kraken,MINAUSD,104251.6176,1744827.397,1.002235423,B,5,2,Mina,
|
||||||
|
MINA,Binance,MINAUSDT,163902.8209,27632789.9,1.009175349,B,5,2,Mina,USDT-USD
|
||||||
|
MINA,Okx,MINA-USDT,58811.29263,5177907.38,1.013323303,B,5,2,Mina,USDT-USD
|
||||||
|
PEOPLE,Okx,PEOPLE-USDT,318441.9026,37806408.11,0.02743487292,B,5,2,ConstitutionDAO,USDT-USD
|
||||||
|
PEOPLE,Kucoin,PEOPLE-USDT,64922.56302,3574827.52,0.0273835447,B,5,2,ConstitutionDAO,USDT-USD
|
||||||
|
PEOPLE,Mexc,PEOPLE_USDT,168543.6372,757272.2515,0.02744498423,B,5,2,ConstitutionDAO,USDT-USD
|
||||||
|
PEOPLE,Binance,PEOPLEUSDT,192342.5961,85366302.35,0.02746617133,B,5,2,ConstitutionDAO,USDT-USD
|
||||||
|
PEOPLE,Gate,PEOPLE_USDT,50000,100000,0,B,5,2,ConstitutionDAO,USDT-USD
|
||||||
|
WAVES,Okx,WAVES-USDT,91892.84196,2741667.219,2.144997825,B,5,2,Waves,USDT-USD
|
||||||
|
WAVES,Binance,WAVESUSDT,272620.4813,9543737.677,2.143624016,B,5,2,Waves,USDT-USD
|
||||||
|
WAVES,Mexc,WAVES_USDT,558956.9951,168193.854,2.142261269,B,5,2,Waves,USDT-USD
|
||||||
|
WAVES,Kucoin,WAVES-USDT,55367.18425,769644.5638,2.142747289,B,5,2,Waves,USDT-USD
|
||||||
|
WAVES,Kraken,WAVESUSD,45555.16136,112134.6183,2.154872324,B,5,2,Waves,
|
||||||
|
1INCH,Binance,1INCHUSDT,223047.9107,10123584.48,0.3759697336,C,4,2,1INCH,USDT-USD
|
||||||
|
1INCH,CoinbasePro,1INCH-USD,63433.64579,1220856.095,0.3761909036,C,4,2,1INCH,
|
||||||
|
1INCH,Mexc,1INCH_USDT,220805.8565,397303.2595,0.3751712747,C,4,2,1INCH,USDT-USD
|
||||||
|
1INCH,Okx,1INCH-USDT,87382.44268,4403164.462,0.375964926,C,4,2,1INCH,USDT-USD
|
||||||
|
ACE,Binance,ACEUSDT,219186.3365,36291711.39,9.125489437,C,2,2,Fusionist,USDT-USD
|
||||||
|
ACE,Okx,ACE-USDT,120509.3158,8941538.795,9.092071496,C,2,2,Fusionist,USDT-USD
|
||||||
|
ACH,CoinbasePro,ACH-USD,97110.58491,894158.4549,0.01675701504,C,3,2,Alchemy Pay,
|
||||||
|
ACH,Binance,ACHUSDT,84700.65638,4414398.216,0.01675085779,C,3,2,Alchemy Pay,USDT-USD
|
||||||
|
ACH,Mexc,ACH_USDT,192469.0915,100559.3076,0.01679041985,C,3,2,Alchemy Pay,USDT-USD
|
||||||
|
AEUR,Binance,AEURUSDT,1270915.824,759036.3652,1.085248864,C,1,2,Anchored Coins AEUR,USDT-USD
|
||||||
|
API3,Mexc,API3_USDT,152284.022,205441.5,2.043375234,C,2,2,API3,USDT-USD
|
||||||
|
API3,Binance,API3USDT,90101.84241,17128907.56,2.048019395,C,2,2,API3,USDT-USD
|
||||||
|
AR,Okx,AR-USDT,49845.96145,2809779.829,8.610082522,C,2,2,Arweave,USDT-USD
|
||||||
|
AR,Binance,ARUSDT,118756.107,5634710.58,8.603353236,C,2,2,Arweave,USDT-USD
|
||||||
|
ARKM,Binance,ARKMUSDT,101600.3693,9290971.501,0.5035873534,C,2,2,Arkham,USDT-USD
|
||||||
|
ARKM,Mexc,ARKM_USDT,104313.7334,237646.8392,0.502258142,C,2,2,Arkham,USDT-USD
|
||||||
|
ARPA,Binance,ARPAUSDT,141483.7342,6962539.152,0.05938416152,C,1,2,ArpaCoin,USDT-USD
|
||||||
|
ASTR,Mexc,ASTR_USDT,337777.2363,556571.4433,0.1714246019,C,3,2,ASTR,USDT-USD
|
||||||
|
ASTR,Binance,ASTRUSDT,272250.3728,29115614.2,0.1710438223,C,3,2,ASTR,USDT-USD
|
||||||
|
ASTR,Okx,ASTR-USDT,61040.31153,7741218.973,0.1712013965,C,3,2,ASTR,USDT-USD
|
||||||
|
AUCTION,Mexc,AUCTION_USDT,205068.2365,269845.2565,24.64750337,C,3,2,Auction,USDT-USD
|
||||||
|
AUCTION,Binance,AUCTIONUSDT,141766.5502,24443787.65,24.52525957,C,3,2,Auction,USDT-USD
|
||||||
|
AUCTION,Okx,AUCTION-USDT,64014.51076,7264691.478,24.43296353,C,3,2,Auction,USDT-USD
|
||||||
|
AXS,Mexc,AXS_USDT,262075.6017,132406.1769,7.065952702,C,3,2,Axie Infinity,USDT-USD
|
||||||
|
AXS,Binance,AXSUSDT,231000.3653,12333785.24,7.054601867,C,3,2,Axie Infinity,USDT-USD
|
||||||
|
AXS,CoinbasePro,AXS-USD,46520.7417,953800.4786,7.063964044,C,3,2,Axie Infinity,
|
||||||
|
BAKE,Binance,BAKEUSDT,182011.4866,35921179.76,0.3094882759,C,2,2,Bakery Token,USDT-USD
|
||||||
|
BAKE,Mexc,BAKE_USDT,185326.3247,583699.372,0.3068157366,C,2,2,Bakery Token,USDT-USD
|
||||||
|
BAND,Binance,BANDUSDT,55086.31129,6612180.017,1.592617506,C,1,2,Band Protocol,USDT-USD
|
||||||
|
BEAM,Binance,BEAMUSDT,152991.9166,15969226.65,0.01691214062,C,1,2,BEAM (Merit Circle),USDT-USD
|
||||||
|
BLZ,Binance,BLZUSDT,108417.3522,5588057.361,0.2904520078,C,2,2,Bluzelle,USDT-USD
|
||||||
|
BLZ,CoinbasePro,BLZ-USD,58365.73324,369664.6277,0.2910902264,C,2,2,Bluzelle,
|
||||||
|
BOND,Binance,BONDUSDT,101881.7077,6611834.75,3.051545382,C,1,2,BarnBridge,USDT-USD
|
||||||
|
BSW,Binance,BSWUSDT,46034.40658,4599238.929,0.08886586012,C,1,2,Biswap (BSW),USDT-USD
|
||||||
|
C98,Mexc,C98_USDT,285083.0197,153443.734,0.2185707406,C,2,2,Coin98,USDT-USD
|
||||||
|
C98,Binance,C98USDT,189878.1329,5558051.461,0.2185832922,C,2,2,Coin98,USDT-USD
|
||||||
|
CAKE,Mexc,CAKE_USDT,405312.078,551396.0436,2.447890968,C,2,2,PancakeSwap,USDT-USD
|
||||||
|
CAKE,Binance,CAKEUSDT,195778.7099,23654981.25,2.454039405,C,2,2,PancakeSwap,USDT-USD
|
||||||
|
CELO,Mexc,CELO_USDT,125444.7762,302663.9345,0.6476452305,C,3,2,Celo,USDT-USD
|
||||||
|
CELO,Okx,CELO-USDT,74867.9216,2248910.392,0.6477003752,C,3,2,Celo,USDT-USD
|
||||||
|
CELO,Binance,CELOUSDT,188957.1416,10478656.48,0.6474077901,C,3,2,Celo,USDT-USD
|
||||||
|
CHR,Binance,CHRUSDT,98985.18915,8983410.231,0.2454323105,C,1,2,Chromia,USDT-USD
|
||||||
|
CTSI,Binance,CTSIUSDT,61529.46969,13400594.76,0.211724629,C,1,2,Cartesi,USDT-USD
|
||||||
|
CYBER,Binance,CYBERUSDT,157494.8313,21582311.99,6.891553463,C,2,2,CyberConnect,USDT-USD
|
||||||
|
CYBER,Mexc,CYBER_USDT,245967.0815,775034.3955,6.894934361,C,2,2,CyberConnect,USDT-USD
|
||||||
|
DATA,Binance,DATAUSDT,56436.38905,6577080.731,0.04655652469,C,1,2,Streamr DATAcoin,USDT-USD
|
||||||
|
DEGO,Binance,DEGOUSDT,49442.4569,6918692.999,2.058938225,C,2,2,Dego Finance,USDT-USD
|
||||||
|
DEGO,Mexc,DEGO_USDT,47063.22126,145028.8291,2.061702998,C,2,2,Dego Finance,USDT-USD
|
||||||
|
DIA,Binance,DIAUSDT,46415.86926,5008591.814,0.398446883,C,1,2,DIAToken,USDT-USD
|
||||||
|
DUSK,Binance,DUSKUSDT,89726.44858,5994345.592,0.24835762,C,1,2,Dusk Network,USDT-USD
|
||||||
|
EUR,Binance,EURUSDT,914754.1506,25453392.79,1.086238407,C,3,2,Euro,USDT-USD
|
||||||
|
EUR,Bitstamp,EUR/USD,161923.2853,2925912.624,1.085974486,C,3,2,Euro,
|
||||||
|
EUR,Kraken,EURUSD,973749.5483,17562785.59,1.087181078,C,3,2,Euro,
|
||||||
|
FDUSD,Binance,FDUSDUSDT,20819829.91,791868072.3,0.9982990251,C,1,2,First Digital USD,USDT-USD
|
||||||
|
FRONT,Binance,FRONTUSDT,116592.5536,8033362.547,0.4244166096,C,1,2,Frontier,USDT-USD
|
||||||
|
FTT,Binance,FTTUSDT,85361.25321,18918457.67,2.637355962,C,2,2,FTX Token,USDT-USD
|
||||||
|
FTT,Mexc,FTT_USDT,61679.15314,885931.1891,2.625461927,C,2,2,FTX Token,USDT-USD
|
||||||
|
FXS,Binance,FXSUSDT,76687.07914,7919284.862,9.870999715,C,1,2,Frax Share,USDT-USD
|
||||||
|
GAL,Binance,GALUSDT,123198.1518,6183386.884,1.713442116,C,1,2,Project Galaxy,USDT-USD
|
||||||
|
GAS,Okx,GAS-USDT,71550.26438,3589890.498,5.559745992,C,2,2,Gas,USDT-USD
|
||||||
|
GAS,Binance,GASUSDT,143459.5949,16249734.4,5.551653689,C,2,2,Gas,USDT-USD
|
||||||
|
GLMR,Binance,GLMRUSDT,66465.37977,5440648.9,0.351519818,C,2,2,Moonbeam Network Glimmer Token,USDT-USD
|
||||||
|
GLMR,Mexc,GLMR_USDT,132937.7799,226967.7255,0.3519219251,C,2,2,Moonbeam Network Glimmer Token,USDT-USD
|
||||||
|
GMX,Binance,GMXUSDT,86050.25266,8488792.893,41.68565019,C,1,2,GMX,USDT-USD
|
||||||
|
GTC,Binance,GTCUSDT,63833.57202,5559771.674,1.109504239,C,1,2,Gitcoin,USDT-USD
|
||||||
|
HFT,Mexc,HFT_USDT,92867.50229,155840.9593,0.3163831693,C,3,2,Hashflow,USDT-USD
|
||||||
|
HFT,CoinbasePro,HFT-USD,67639.33185,1082720.501,0.3166013692,C,3,2,Hashflow,
|
||||||
|
HFT,Binance,HFTUSDT,86389.41028,4335472.459,0.3155912724,C,3,2,Hashflow,USDT-USD
|
||||||
|
HIFI,Binance,HIFIUSDT,65279.10529,4308106.952,0.5695358478,C,1,2,Hifi Finance,USDT-USD
|
||||||
|
HIGH,Binance,HIGHUSDT,94832.54951,5568886.461,1.416275081,C,1,2,Highstreet,USDT-USD
|
||||||
|
HOOK,Binance,HOOKUSDT,125566.4187,10904796.41,0.8514358619,C,1,2,Hooked Protocol,USDT-USD
|
||||||
|
HOT,Binance,HOTUSDT,88284.00246,4898150.064,0.00182001891,C,1,2,Holo,USDT-USD
|
||||||
|
ID,Binance,IDUSDT,105739.9887,10529785.09,0.2642775002,C,2,2,Space ID,USDT-USD
|
||||||
|
ID,Mexc,ID_USDT,99019.7159,293195.7436,0.2653625693,C,2,2,Space ID,USDT-USD
|
||||||
|
ILV,Binance,ILVUSDT,65967.97711,4756421.779,72.43485363,C,2,2,Illuvium,USDT-USD
|
||||||
|
ILV,Mexc,ILV_USDT,101351.5141,124582.7065,72.49241072,C,2,2,Illuvium,USDT-USD
|
||||||
|
IMX,Binance,IMXUSDT,159306.9212,9773348.424,1.833882485,C,4,2,Immutable X,USDT-USD
|
||||||
|
IMX,Mexc,IMX_USDT,125843.6309,288710.9571,1.831721582,C,4,2,Immutable X,USDT-USD
|
||||||
|
IMX,CoinbasePro,IMX-USD,63576.38536,3545209.657,1.832415885,C,4,2,Immutable X,
|
||||||
|
IMX,Okx,IMX-USDT,63231.7586,4815890.341,1.835477545,C,4,2,Immutable X,USDT-USD
|
||||||
|
IOTA,Binance,IOTAUSDT,156813.2627,9448427.026,0.2404979188,C,2,2,IOTA,USDT-USD
|
||||||
|
IOTA,Okx,IOTA-USDT,81364.86526,1422701.965,0.240249504,C,2,2,IOTA,USDT-USD
|
||||||
|
IOTX,Mexc,IOTX_USDT,63717.81113,114944.2482,0.04098756361,C,2,2,IoTeX,USDT-USD
|
||||||
|
IOTX,Binance,IOTXUSDT,118425.8892,5645105.663,0.04116999109,C,2,2,IoTeX,USDT-USD
|
||||||
|
JASMY,CoinbasePro,JASMY-USD,106938.7996,2456750.498,0.004883328831,C,4,2,Jasmy,
|
||||||
|
JASMY,Kucoin,JASMY-USDT,46532.2408,878234.3701,0.004897641967,C,4,2,Jasmy,USDT-USD
|
||||||
|
JASMY,Binance,JASMYUSDT,103914.894,4638424.246,0.004895538164,C,4,2,Jasmy,USDT-USD
|
||||||
|
JASMY,Mexc,JASMY_USDT,118057.5456,426212.9186,0.004900948254,C,4,2,Jasmy,USDT-USD
|
||||||
|
JOE,Binance,JOEUSDT,95891.84261,4986487.55,0.4210333582,C,2,2,TraderJoe,USDT-USD
|
||||||
|
JOE,Mexc,JOE_USDT,106334.2549,155616.5895,0.4240505807,C,2,2,TraderJoe,USDT-USD
|
||||||
|
KDA,Binance,KDAUSDT,52068.57953,6603653.169,0.9864134387,C,1,2,Kadena,USDT-USD
|
||||||
|
KLAY,Mexc,KLAY_USDT,198792.0879,193094.4612,0.1935774129,C,2,2,Klaytn,USDT-USD
|
||||||
|
KLAY,Binance,KLAYUSDT,102537.9319,8166690.792,0.1947100267,C,2,2,Klaytn,USDT-USD
|
||||||
|
KP3R,Binance,KP3RUSDT,54560.4206,6827068.529,68.97052078,C,1,2,Keep3rV1,USDT-USD
|
||||||
|
KSM,Okx,KSM-USDT,49131.02426,2272156.7,35.8946584,C,4,2,Kusama,USDT-USD
|
||||||
|
KSM,Kraken,KSMUSD,82906.03275,662412.7086,35.91468468,C,4,2,Kusama,
|
||||||
|
KSM,Mexc,KSM_USDT,51623.03643,146361.7075,35.99359072,C,4,2,Kusama,USDT-USD
|
||||||
|
KSM,Binance,KSMUSDT,104173.4084,6749163.486,35.92864815,C,4,2,Kusama,USDT-USD
|
||||||
|
LEVER,Binance,LEVERUSDT,103584.2033,8631452.701,0.001297870719,C,2,2,leverfi,USDT-USD
|
||||||
|
LEVER,Mexc,LEVER_USDT,269243.6154,100150.2478,0.001297685532,C,2,2,leverfi,USDT-USD
|
||||||
|
LOOM,Binance,LOOMUSDT,72863.84961,6250861.053,0.08656430192,C,1,2,Loom Network,USDT-USD
|
||||||
|
LPT,Binance,LPTUSDT,124147.244,4976570.721,6.65831672,C,1,2,Livepeer,USDT-USD
|
||||||
|
LQTY,Mexc,LQTY_USDT,289158.432,110300.6315,1.195620223,C,2,2,Liquity,USDT-USD
|
||||||
|
LQTY,Binance,LQTYUSDT,127715.2767,7023298.015,1.191924708,C,2,2,Liquity,USDT-USD
|
||||||
|
LRC,CoinbasePro,LRC-USD,59174.11432,3383810.585,0.2285031455,C,3,2,Loopring,
|
||||||
|
LRC,Mexc,LRC_USDT,45956.53557,124278.9266,0.2288337603,C,3,2,Loopring,USDT-USD
|
||||||
|
LRC,Binance,LRCUSDT,146930.5688,6969566.753,0.2286497941,C,3,2,Loopring,USDT-USD
|
||||||
|
LUNA,Okx,LUNA-USDT,140979.1409,2806262.42,9.33E-05,C,4,2,Terra Luna Classic,USDT-USD
|
||||||
|
LUNA,Mexc,LUNA_USDT,285530.9676,548675.4766,9.33E-05,C,4,2,Terra Luna Classic,USDT-USD
|
||||||
|
LUNA,Binance,LUNAUSDT,327295.5899,25245311.88,9.32E-05,C,4,2,Terra Luna Classic,USDT-USD
|
||||||
|
LUNA,Kucoin,LUNA-USDT,162730.8732,2161850.295,9.34E-05,C,4,2,Terra Luna Classic,USDT-USD
|
||||||
|
LUNA2,Okx,LUNA2-USDT,116714.2838,5214721.607,0.5862913961,C,4,2,Terra Luna 2,USDT-USD
|
||||||
|
LUNA2,Binance,LUNA2USDT,283182.821,12663702.95,0.5867542898,C,4,2,Terra Luna 2,USDT-USD
|
||||||
|
LUNA2,Kucoin,LUNA2-USDT,83502.73597,2063709.03,0.586261171,C,4,2,Terra Luna 2,USDT-USD
|
||||||
|
LUNA2,Mexc,LUNA2_USDT,108379.4362,339907.5678,0.5861178482,C,4,2,Terra Luna 2,USDT-USD
|
||||||
|
MAGIC,Mexc,MAGIC_USDT,264533.7207,290531.8239,0.9620408497,C,4,2,MAGIC,USDT-USD
|
||||||
|
MAGIC,Binance,MAGICUSDT,220494.1405,15191286.46,0.9583392892,C,4,2,MAGIC,USDT-USD
|
||||||
|
MAGIC,Okx,MAGIC-USDT,105405.7972,5401719.867,0.9595420314,C,4,2,MAGIC,USDT-USD
|
||||||
|
MAGIC,Gate,MAGIC_USDT,50000,100000,0,C,4,2,MAGIC,USDT-USD
|
||||||
|
MANTA,Bybit,MANTAUSDT,53885.15969,18009025.51,3.063765317,C,2,2,Manta,USDT-USD
|
||||||
|
MANTA,Binance,MANTAUSDT,403816.6432,259161217.8,3.08167379,C,2,2,Manta,USDT-USD
|
||||||
|
MAV,Mexc,MAV_USDT,185736.3436,457436.4408,0.5373792545,C,2,2,Maverick Protocol,USDT-USD
|
||||||
|
MAV,Binance,MAVUSDT,99388.71969,22924519.05,0.536668425,C,2,2,Maverick Protocol,USDT-USD
|
||||||
|
MOVR,Binance,MOVRUSDT,140137.8354,34228440.2,22.26851193,C,1,2,Moonriver,USDT-USD
|
||||||
|
NEO,Binance,NEOUSDT,174759.4944,6735135.997,10.50592939,C,2,2,NEO,USDT-USD
|
||||||
|
NEO,Mexc,NEO_USDT,285086.2477,101306.1126,10.51571434,C,2,2,NEO,USDT-USD
|
||||||
|
NFP,Binance,NFPUSDT,136224.0611,40056163.12,0.4984980965,C,1,2,NFPrompt,USDT-USD
|
||||||
|
NMR,Mexc,NMR_USDT,56441.59171,117950.3206,20.80947578,C,1,2,Numeraire,USDT-USD
|
||||||
|
NTRN,Binance,NTRNUSDT,190762.7558,22412232.21,1.043698576,C,3,2,Neutron,USDT-USD
|
||||||
|
NTRN,Kucoin,NTRN-USDT,61322.46516,4357183.961,1.0429518,C,3,2,Neutron,USDT-USD
|
||||||
|
NTRN,Mexc,NTRN_USDT,85753.64033,420380.4134,1.049013149,C,3,2,Neutron,USDT-USD
|
||||||
|
OGN,Mexc,OGN_USDT,133395.5319,153105.7316,0.1506897838,C,2,2,Origin Protocol,USDT-USD
|
||||||
|
OGN,Binance,OGNUSDT,114751.9375,8567467.491,0.1509501147,C,2,2,Origin Protocol,USDT-USD
|
||||||
|
ONE,Mexc,ONE_USDT,103633.3233,169389.5422,0.01381296016,C,1,2,Harmony,USDT-USD
|
||||||
|
ONT,Binance,ONTUSDT,101745.7079,6573307.838,0.2378290263,C,2,2,Ontology,USDT-USD
|
||||||
|
ONT,Mexc,ONT_USDT,134099.6108,119281.0604,0.2328763351,C,2,2,Ontology,USDT-USD
|
||||||
|
OSMO,CoinbasePro,OSMO-USD,45573.4572,505627.9592,1.434332792,C,2,2,osmosis,
|
||||||
|
OSMO,Binance,OSMOUSDT,184069.0761,6248594.99,1.436154852,C,2,2,osmosis,USDT-USD
|
||||||
|
OXT,Binance,OXTUSDT,121674.5039,4092402.317,0.08759780776,C,1,2,Orchid,USDT-USD
|
||||||
|
PENDLE,Mexc,PENDLE_USDT,94363.66432,302375.5024,2.414568281,C,2,2,Pendle,USDT-USD
|
||||||
|
PENDLE,Binance,PENDLEUSDT,198805.1833,19093374.54,2.411570446,C,2,2,Pendle,USDT-USD
|
||||||
|
PERP,Mexc,PERP_USDT,70959.09524,263694.8546,1.108616603,C,2,2,Perpetual Protocol,USDT-USD
|
||||||
|
PERP,Binance,PERPUSDT,97699.23947,18395585.05,1.101367961,C,2,2,Perpetual Protocol,USDT-USD
|
||||||
|
PHB,Binance,PHBUSDT,87353.37405,5541104.607,0.8191750331,C,1,2,Phoenix Global,USDT-USD
|
||||||
|
POLYX,Binance,POLYXUSDT,77106.52126,4877840.89,0.1556027116,C,1,2,Polymex,USDT-USD
|
||||||
|
POWR,Binance,POWRUSDT,101684.5648,32858394.18,0.3110983216,C,1,2,Power Ledger,USDT-USD
|
||||||
|
PROS,Binance,PROSUSDT,47335.53338,6601983.056,0.4958016306,C,1,2,Prosper,USDT-USD
|
||||||
|
PYR,Mexc,PYR_USDT,136917.2423,282019.549,5.525717506,C,2,2,Vulcan Forged,USDT-USD
|
||||||
|
PYR,Binance,PYRUSDT,67837.28685,6095379.499,5.513382639,C,2,2,Vulcan Forged,USDT-USD
|
||||||
|
QI,Binance,QIUSDT,65705.70399,4479686.822,0.01492820908,C,1,2,Benqi,USDT-USD
|
||||||
|
QNT,Binance,QNTUSDT,150130.1919,4958738.066,105.1210689,C,3,2,Quant,USDT-USD
|
||||||
|
QNT,CoinbasePro,QNT-USD,77932.07738,2702196.734,104.8651886,C,3,2,Quant,
|
||||||
|
QNT,Mexc,QNT_USDT,319187.1936,283469.3662,105.6252627,C,3,2,Quant,USDT-USD
|
||||||
|
RAD,Binance,RADUSDT,64303.27111,13728893.14,1.863131994,C,1,2,Radicle,USDT-USD
|
||||||
|
RAY,Binance,RAYUSDT,49059.70839,10476697.73,1.086883488,C,1,2,Raydium,USDT-USD
|
||||||
|
RDNT,Okx,RDNT-USDT,99487.73444,4908849.751,0.2781249382,C,2,2,Radiant Capital,USDT-USD
|
||||||
|
RDNT,Binance,RDNTUSDT,202234.405,19676252.31,0.27834352,C,2,2,Radiant Capital,USDT-USD
|
||||||
|
RIF,Binance,RIFUSDT,102720.0668,5575326.551,0.126668978,C,1,2,RIF Token,USDT-USD
|
||||||
|
RLC,CoinbasePro,RLC-USD,45038.78592,956263.9594,2.193508506,C,2,2,iExec RLC,
|
||||||
|
RLC,Binance,RLCUSDT,113296.5214,10458930.76,2.240062189,C,2,2,iExec RLC,USDT-USD
|
||||||
|
ROSE,CoinbasePro,ROSE-USD,94865.22605,2007709.124,0.09853848605,C,4,2,Oasis Network,
|
||||||
|
ROSE,Kucoin,ROSE-USDT,60914.79989,2255011.858,0.09829991324,C,4,2,Oasis Network,USDT-USD
|
||||||
|
ROSE,Binance,ROSEUSDT,188268.4384,13037035.32,0.09827645727,C,4,2,Oasis Network,USDT-USD
|
||||||
|
ROSE,Mexc,ROSE_USDT,87574.57166,553950.1122,0.09824638256,C,4,2,Oasis Network,USDT-USD
|
||||||
|
RUNE,Kucoin,RUNE-USDT,150957.3196,4886709.369,4.034373849,C,3,2,Thorchain,USDT-USD
|
||||||
|
RUNE,Kraken,RUNEUSD,64699.56261,918799.2368,4.070013999,C,3,2,Thorchain,
|
||||||
|
RUNE,Binance,RUNEUSDT,380276.4214,62447654.52,4.036291948,C,3,2,Thorchain,USDT-USD
|
||||||
|
SANTOS,Binance,SANTOSUSDT,48414.7599,10421735.09,4.748221741,C,1,2,Santos FC Fan Token,USDT-USD
|
||||||
|
SATS,Binance,SATSUSDT,270661.8914,65862844.2,0.0003862181853,C,2,2,SATS (Ordinals),USDT-USD
|
||||||
|
SATS,Okx,SATS-USDT,186918.757,23374134.77,3.87E-07,C,2,2,SATS (Ordinals),USDT-USD
|
||||||
|
SC,Binance,SCUSDT,56737.90689,11988942.85,0.008758778298,C,2,2,Siacoin,USDT-USD
|
||||||
|
SC,Kraken,SCUSD,72897.05559,939274.4661,0.009133476567,C,2,2,Siacoin,
|
||||||
|
SKL,CoinbasePro,SKL-USD,89253.48802,7106650.138,0.07392654734,C,2,2,SKALE Network,
|
||||||
|
SKL,Binance,SKLUSDT,245593.9026,14952643.43,0.07413113803,C,2,2,SKALE Network,USDT-USD
|
||||||
|
SLEEPAI,Binance,SLEEPAIUSDT,226926.639,75074601.74,1.03330556,C,1,2,Sleepless AI,USDT-USD
|
||||||
|
SLP,Binance,SLPUSDT,75829.29241,4740257.278,0.002835530307,C,1,2,Smooth Love Potion,USDT-USD
|
||||||
|
SSV,Binance,SSVUSDT,323731.8901,22076581.02,28.20046712,C,3,2,SSV Token,USDT-USD
|
||||||
|
SSV,Okx,SSV-USDT,138780.4853,10437857.38,28.20537722,C,3,2,SSV Token,USDT-USD
|
||||||
|
SSV,Mexc,SSV_USDT,72456.44543,262132.0541,28.25282324,C,3,2,SSV Token,USDT-USD
|
||||||
|
STG,Binance,STGUSDT,108865.1255,5746995.142,0.5045724388,C,2,2,Stargate Finance,USDT-USD
|
||||||
|
STG,Mexc,STG_USDT,84129.48408,141951.2826,0.503347766,C,2,2,Stargate Finance,USDT-USD
|
||||||
|
STORJ,Okx,STORJ-USDT,107087.3563,3141734.853,0.5481481935,C,4,2,Storj,USDT-USD
|
||||||
|
STORJ,Mexc,STORJ_USDT,379448.5526,135570.0261,0.542814224,C,4,2,Storj,USDT-USD
|
||||||
|
STORJ,Binance,STORJUSDT,231654.1428,10131073.03,0.5507150911,C,4,2,Storj,USDT-USD
|
||||||
|
STORJ,CoinbasePro,STORJ-USD,51027.83869,779419.6502,0.5473696668,C,4,2,Storj,
|
||||||
|
STRAX,Binance,STRAXUSDT,52905.44524,8603073.461,0.859584148,C,1,2,STRAX Token,USDT-USD
|
||||||
|
SUPER,CoinbasePro,SUPER-USD,50756.77233,2582255.195,0.5798868417,C,2,2,SuperCoin,
|
||||||
|
SUPER,Binance,SUPERUSDT,118810.403,6113031.497,0.5750921405,C,2,2,SuperCoin,USDT-USD
|
||||||
|
SYN,Binance,SYNUSDT,47988.72934,8355559.222,0.8286535512,C,1,2,Synapse,USDT-USD
|
||||||
|
T,Binance,TUSDT,67613.62552,15650726.81,0.0266303701,C,1,2,Threshold Network Token,USDT-USD
|
||||||
|
THETA,Okx,THETA-USDT,45307.20349,1748100.687,0.9536451092,C,3,2,Theta Token,USDT-USD
|
||||||
|
THETA,Kucoin,THETA-USDT,50799.11682,953331.377,0.9531037657,C,3,2,Theta Token,USDT-USD
|
||||||
|
THETA,Binance,THETAUSDT,124500.3519,6901396.198,0.9509138016,C,3,2,Theta Token,USDT-USD
|
||||||
|
TRB,Binance,TRBUSDT,390984.8389,100946113.2,103.9610988,C,3,2,Tellor Tributes,USDT-USD
|
||||||
|
TRB,CoinbasePro,TRB-USD,88075.97643,17801109.2,104.1184355,C,3,2,Tellor Tributes,
|
||||||
|
TRB,Okx,TRB-USDT,186073.443,21824721.52,104.3779998,C,3,2,Tellor Tributes,USDT-USD
|
||||||
|
TUSD,Mexc,TUSD_USDT,3321290.381,438627.3706,0.9834745064,C,2,2,TrueUSD,USDT-USD
|
||||||
|
TUSD,Binance,TUSDUSDT,8528624.338,127150976.8,0.983448235,C,2,2,TrueUSD,USDT-USD
|
||||||
|
TWT,Mexc,TWT_USDT,53326.82705,174132.0743,1.098094178,C,2,2,Trust Wallet Token,USDT-USD
|
||||||
|
TWT,Binance,TWTUSDT,82499.98134,4322265.177,1.095769461,C,2,2,Trust Wallet Token,USDT-USD
|
||||||
|
UMA,Binance,UMAUSDT,59739.75936,40479668.6,4.951798234,C,1,2,UMA,USDT-USD
|
||||||
|
UNFI,Binance,UNFIUSDT,131780.4267,7051952.799,5.639134191,C,2,2,Unifi Protocol DAO,USDT-USD
|
||||||
|
UNFI,Mexc,UNFI_USDT,130778.7414,110299.8533,5.64795796,C,2,2,Unifi Protocol DAO,USDT-USD
|
||||||
|
USTC,Binance,USTCUSDT,104193.9018,15652520.83,0.02414702556,C,3,2,TerraClassicUSD,USDT-USD
|
||||||
|
USTC,Okx,USTC-USDT,79755.13934,3789072.942,0.02416523268,C,3,2,TerraClassicUSD,USDT-USD
|
||||||
|
USTC,Mexc,USTC_USDT,160428.8833,291642.1385,0.02413599889,C,3,2,TerraClassicUSD,USDT-USD
|
||||||
|
VANRY,Binance,VANRYUSDT,52749.63014,6196670.624,0.05698171548,C,1,2,VANAR,USDT-USD
|
||||||
|
VENUS,Binance,VENUSUSDT,142572.1277,4451222.365,11.45017461,C,1,2,VENUS,USDT-USD
|
||||||
|
VET,Kucoin,VET-USDT,47075.4841,1459523.548,0.02683736035,C,4,2,VeChain Thor Blockchain,USDT-USD
|
||||||
|
VET,Binance,VETUSDT,156275.2048,10448229.43,0.02681801761,C,4,2,VeChain Thor Blockchain,USDT-USD
|
||||||
|
VET,CoinbasePro,VET-USD,76873.43971,1778291.301,0.02682562648,C,4,2,VeChain Thor Blockchain,
|
||||||
|
VET,Mexc,VET_USDT,206314.8694,264812.6117,0.02680541699,C,4,2,VeChain Thor Blockchain,USDT-USD
|
||||||
|
WBTC,Binance,WBTCUSDT,112200.2527,1683109.194,39963.72177,C,1,2,Wrapped Bitcoin,USDT-USD
|
||||||
|
WING,Binance,WINGUSDT,62333.07274,6305353.437,8.576492466,C,2,2,Wing Finance,USDT-USD
|
||||||
|
WING,Mexc,WING_USDT,145609.7828,144300.5718,8.312628247,C,2,2,Wing Finance,USDT-USD
|
||||||
|
WOO,Kucoin,WOO-USDT,56843.55491,2278027.521,0.3371057009,C,4,2,Wootrade Network,USDT-USD
|
||||||
|
WOO,Binance,WOOUSDT,151442.7656,10671160.74,0.3366437512,C,4,2,Wootrade Network,USDT-USD
|
||||||
|
WOO,Okx,WOO-USDT,69348.19917,2025176.877,0.3367207662,C,4,2,Wootrade Network,USDT-USD
|
||||||
|
WOO,Mexc,WOO_USDT,199456.2006,304849.2574,0.3360550686,C,4,2,Wootrade Network,USDT-USD
|
||||||
|
XAI,Binance,XAIUSDT,364809.2616,121646517.1,0.7172651447,C,3,2,Xai,USDT-USD
|
||||||
|
XAI,Kucoin,XAI-USDT,80369.25096,6679818.276,0.7140484103,C,3,2,Xai,USDT-USD
|
||||||
|
XAI,Mexc,XAI_USDT,62519.5629,2089596.926,0.7163100149,C,3,2,Xai,USDT-USD
|
||||||
|
XMR,Mexc,XMR_USDT,637929.6215,5399712.779,155.4816876,C,4,2,Monero,USDT-USD
|
||||||
|
XMR,Kucoin,XMR-USDT,75861.34173,8391529.693,155.526225,C,4,2,Monero,USDT-USD
|
||||||
|
XMR,Kraken,XMRUSD,152433.9495,1066363.955,155.8084502,C,4,2,Monero,
|
||||||
|
XMR,Binance,XMRUSDT,325239.0746,14167130.57,155.4210491,C,4,2,Monero,USDT-USD
|
||||||
|
XTZ,Binance,XTZUSDT,74018.47298,6036351.412,0.9344370358,C,2,2,Tezos,USDT-USD
|
||||||
|
XTZ,Kraken,XTZUSD,115428.0625,918276.8649,0.9324110152,C,2,2,Tezos,
|
||||||
|
YFI,Binance,YFIUSDT,106489.0261,4283188.193,7008.442394,C,2,2,yearn.finance,USDT-USD
|
||||||
|
YFI,CoinbasePro,YFI-USD,69803.71322,2485716.132,7006.499518,C,2,2,yearn.finance,
|
||||||
|
YGG,Binance,YGGUSDT,255512.6937,15978592.67,0.4253489864,C,3,2,Yield Guild Games,USDT-USD
|
||||||
|
YGG,Okx,YGG-USDT,112564.4286,8795935.186,0.4242942872,C,3,2,Yield Guild Games,USDT-USD
|
||||||
|
YGG,Mexc,YGG_USDT,291214.2319,384654.8937,0.4279915233,C,3,2,Yield Guild Games,USDT-USD
|
||||||
|
ZEC,Mexc,ZEC_USDT,508650.6599,287365.0153,21.96116327,C,2,2,Zcash,USDT-USD
|
||||||
|
ZEC,Binance,ZECUSDT,107748.7569,6231023.464,22.06774527,C,2,2,Zcash,USDT-USD
|
||||||
|
ZEN,Binance,ZENUSDT,121239.4862,5983871.133,7.622205603,C,1,2,Horizen,USDT-USD
|
||||||
|
ZIL,Binance,ZILUSDT,78122.06511,5951041.305,0.01981457877,C,3,2,Zilliqa,USDT-USD
|
||||||
|
ZIL,Mexc,ZIL_USDT,164288.1689,136450.7828,0.01983149916,C,3,2,Zilliqa,USDT-USD
|
||||||
|
ZIL,Kucoin,ZIL-USDT,51622.45768,620061.2048,0.0198240821,C,3,2,Zilliqa,USDT-U
|
||||||
|
@@ -0,0 +1,68 @@
|
|||||||
|
base_asset,reference_price,num_oracles,liquidity_tier,asset_name,p,atomic_resolution,min_exchanges,min_price_change_ppm,price_exponent,step_base_quantum,ticksize_exponent,subticks_per_tick,min_order_size,quantum_conversion_exponent
|
||||||
|
AAVE,88.41933533,7,2,AAVE,1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
ADA,0.4713770925,9,1,Cardano,-1,-5,3,2500,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
AGIX,0.2111443656,6,2,SingularityNET,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
ALGO,0.1613430877,6,2,Algorand,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
APE,1.121514886,7,2,ApeCoin,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
APT,7.323447408,8,2,Aptos,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
ARB,1.701673341,8,1,Arbitrum,0,-6,3,2500,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
ATOM,8.050389759,8,2,Cosmos,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
AVAX,30.38272818,9,1,Avalanche,1,-7,3,2500,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
BCH,236.328774,9,1,Bitcoin Cash,2,-8,3,2500,-7,1000000,-3,1000000,1000000,-9
|
||||||
|
BLUR,0.6050104719,7,2,Blur,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
BNB,243.1294766,6,2,Binance Coin,2,-8,3,4000,-7,1000000,-3,1000000,1000000,-9
|
||||||
|
BONK,1.09E-05,6,2,Bonk Token,-5,-1,3,4000,-14,1000000,-3,1000000,1000000,-9
|
||||||
|
BTC,39909.14585,9,1,Bitcoin,4,-10,3,2500,-5,1000000,-3,1000000,1000000,-9
|
||||||
|
CFX,0.1454384387,5,2,Conflux Token,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
CHZ,0.08712744693,6,2,Chiliz,-2,-4,3,4000,-11,1000000,-3,1000000,1000000,-9
|
||||||
|
COMP,52.74250938,5,2,Compound Coin,1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
CRV,0.4443624604,6,2,Curve DAO Token,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
DOGE,0.07793177878,9,1,Dogecoin,-2,-4,3,2500,-11,1000000,-3,1000000,1000000,-9
|
||||||
|
DOT,6.452414058,8,1,Polkadot,0,-6,3,2500,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
EGLD,39.03897897,5,2,MultiversX,1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
ENS,14.85690244,6,2,Ethereum Name Service (ENS),1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
EOS,0.5977251446,8,2,Eos,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
ETC,22.84861344,8,1,Ethereum Classic,1,-7,3,2500,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
ETH,2211.721168,9,1,Ethereum,3,-9,3,2500,-6,1000000,-3,1000000,1000000,-9
|
||||||
|
FET,0.5864541562,6,2,Fetch AI,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
FIL,4.930296959,8,1,Filecoin,0,-6,3,2500,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
FLOW,0.5828593278,5,2,Flow - Dapper Labs,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
FTM,0.3359983176,6,2,Fantom,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
GALA,0.01840015547,6,2,Gala,-2,-4,3,4000,-11,1000000,-3,1000000,1000000,-9
|
||||||
|
GMT,0.2045438866,5,2,STEPN,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
GRT,0.128018834,7,2,The Graph,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
HBAR,0.07127967284,7,2,Hedera Hashgraph,-2,-4,3,4000,-11,1000000,-3,1000000,1000000,-9
|
||||||
|
ICP,11.47442186,7,2,Internet Computer,1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
INJ,31.78305093,7,2,Injective Protocol,1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
JTO,1.886208515,6,2,Jito,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
KAVA,0.5751546332,6,2,Kava,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
LDO,2.524539255,8,2,Lido DAO,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
LINK,13.81655633,8,1,ChainLink,1,-7,3,2500,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
LTC,65.43204352,9,1,Litecoin,1,-7,3,2500,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
MANA,0.3716510229,7,2,Decentraland,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
MASK,2.787727403,7,2,Mask Network,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
MATIC,0.7288467315,9,1,Matic Network,-1,-5,3,2500,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
MEME,0.01801497104,5,2,Memecoin Price,-2,-4,3,4000,-11,1000000,-3,1000000,1000000,-9
|
||||||
|
MINA,1.008126033,5,2,Mina,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
MKR,2113.151651,6,2,Maker,3,-9,3,4000,-6,1000000,-3,1000000,1000000,-9
|
||||||
|
NEAR,2.674751578,8,1,Near,0,-6,3,2500,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
OP,2.456951554,7,2,Optimism,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
ORDI,43.0494516,6,2,Ordinals,1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
PEOPLE,0.02194591464,5,2,ConstitutionDAO,-2,-4,3,4000,-11,1000000,-3,1000000,1000000,-9
|
||||||
|
PEPE,1.02E-06,6,2,Pepe,-6,0,3,4000,-15,1000000,-3,1000000,1000000,-9
|
||||||
|
RNDR,3.777241656,6,2,Render Token,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
SAND,0.3751083804,7,2,SAND,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
SEI,0.6149970988,7,2,Sei,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
SHIB,8.84E-06,8,1,Shiba Inu,-6,0,3,2500,-15,1000000,-3,1000000,1000000,-9
|
||||||
|
SNX,3.130619706,6,2,Synthetix Network Token,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
SOL,87.46988589,9,1,Solana,1,-7,3,2500,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
STX,1.255152213,7,2,Stacks,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
SUI,1.224271493,6,2,SuiNetwork,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
SUSHI,0.8926299706,6,2,Sushi,-1,-5,3,4000,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
TIA,15.55257715,7,2,Celestia,1,-7,3,4000,-8,1000000,-3,1000000,1000000,-9
|
||||||
|
TRX,0.09702155504,8,2,TRON,-2,-4,3,4000,-11,1000000,-3,1000000,1000000,-9
|
||||||
|
UNI,5.760612586,7,2,Uniswap,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
WAVES,2.145700544,5,2,Waves,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
WLD,1.907665645,6,2,Worldcoin WLD,0,-6,3,4000,-9,1000000,-3,1000000,1000000,-9
|
||||||
|
XLM,0.1116437262,8,1,Stellar,-1,-5,3,2500,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
XRP,0.5112717386,9,1,Ripple,-1,-5,3,2500,-10,1000000,-3,1000000,1000000,-9
|
||||||
|
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,230 @@
|
|||||||
|
<svg width="254" height="77" viewBox="0 0 254 77" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g id="Group 1258">
|
||||||
|
<g id="Ellipse 9" opacity="0.4" filter="url(#filter0_f_20300_14972)">
|
||||||
|
<ellipse cx="86.5425" cy="-3.91219" rx="116.542" ry="20.0878" fill="#7774FF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 10" opacity="0.3" filter="url(#filter1_f_20300_14972)">
|
||||||
|
<circle cx="74.5734" cy="4.63007" r="1.00507" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 12" opacity="0.3" filter="url(#filter2_f_20300_14972)">
|
||||||
|
<circle cx="82.1105" cy="7.64179" r="1.00507" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 22" opacity="0.3" filter="url(#filter3_f_20300_14972)">
|
||||||
|
<circle cx="116.785" cy="4.63007" r="1.00507" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 11" opacity="0.3" filter="url(#filter4_f_20300_14972)">
|
||||||
|
<circle cx="64.774" cy="8.90488" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 18" opacity="0.3" filter="url(#filter5_f_20300_14972)">
|
||||||
|
<circle cx="96.4322" cy="3.87363" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 20" opacity="0.3" filter="url(#filter6_f_20300_14972)">
|
||||||
|
<circle cx="76.0807" cy="14.9361" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 21" opacity="0.3" filter="url(#filter7_f_20300_14972)">
|
||||||
|
<circle cx="104.725" cy="4.87754" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 23" opacity="0.3" filter="url(#filter8_f_20300_14972)">
|
||||||
|
<circle cx="114.021" cy="7.13925" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 24" opacity="0.3" filter="url(#filter9_f_20300_14972)">
|
||||||
|
<circle cx="109.75" cy="15.4361" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 25" opacity="0.3" filter="url(#filter10_f_20300_14972)">
|
||||||
|
<circle cx="119.801" cy="12.6705" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 27" opacity="0.3" filter="url(#filter11_f_20300_14972)">
|
||||||
|
<circle cx="94.0885" cy="11.0182" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 30" opacity="0.3" filter="url(#filter12_f_20300_14972)">
|
||||||
|
<circle cx="154.475" cy="11.6666" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 29" opacity="0.3" filter="url(#filter13_f_20300_14972)">
|
||||||
|
<circle cx="146.435" cy="8.90488" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 15" opacity="0.3" filter="url(#filter14_f_20300_14972)">
|
||||||
|
<circle cx="24.0103" cy="4.44785" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 33" opacity="0.3" filter="url(#filter15_f_20300_14972)">
|
||||||
|
<circle cx="-1.05899" cy="13.6783" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 16" opacity="0.3" filter="url(#filter16_f_20300_14972)">
|
||||||
|
<circle cx="17.441" cy="16.4908" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 35" opacity="0.3" filter="url(#filter17_f_20300_14972)">
|
||||||
|
<circle cx="36.0553" cy="6.63535" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 32" opacity="0.3" filter="url(#filter18_f_20300_14972)">
|
||||||
|
<circle cx="10.8707" cy="14.2994" r="0.502536" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 13" opacity="0.3" filter="url(#filter19_f_20300_14972)">
|
||||||
|
<circle cx="55.7274" cy="9.65615" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 19" opacity="0.3" filter="url(#filter20_f_20300_14972)">
|
||||||
|
<circle cx="87.3886" cy="20.7108" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 26" opacity="0.3" filter="url(#filter21_f_20300_14972)">
|
||||||
|
<circle cx="123.82" cy="15.1874" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 36" opacity="0.3" filter="url(#filter22_f_20300_14972)">
|
||||||
|
<circle cx="134.876" cy="14.4335" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 28" opacity="0.3" filter="url(#filter23_f_20300_14972)">
|
||||||
|
<circle cx="129.6" cy="6.38662" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 14" opacity="0.3" filter="url(#filter24_f_20300_14972)">
|
||||||
|
<circle cx="41.6571" cy="14.9335" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 31" opacity="0.3" filter="url(#filter25_f_20300_14972)">
|
||||||
|
<circle cx="4.21767" cy="17.9491" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 34" opacity="0.3" filter="url(#filter26_f_20300_14972)">
|
||||||
|
<circle cx="12.2177" cy="6.88662" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
<g id="Ellipse 17" opacity="0.3" filter="url(#filter27_f_20300_14972)">
|
||||||
|
<circle cx="50.2001" cy="3.6249" r="0.753803" fill="#9A9AFF"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<filter id="filter0_f_20300_14972" x="-94" y="-88" width="361.085" height="168.176" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="32" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter1_f_20300_14972" x="72.5633" y="2.61993" width="4.01991" height="4.02186" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter2_f_20300_14972" x="80.6029" y="6.13418" width="3.01484" height="3.01679" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.251268" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter3_f_20300_14972" x="115.278" y="3.12246" width="3.01484" height="3.01679" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.251268" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter4_f_20300_14972" x="63.2664" y="7.39727" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter5_f_20300_14972" x="94.9246" y="2.36602" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter6_f_20300_14972" x="74.5731" y="13.4285" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter7_f_20300_14972" x="103.218" y="3.36993" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter8_f_20300_14972" x="112.513" y="5.63165" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter9_f_20300_14972" x="108.242" y="13.9285" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter10_f_20300_14972" x="118.294" y="11.1629" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter11_f_20300_14972" x="92.5809" y="9.51055" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter12_f_20300_14972" x="153.47" y="10.6615" width="2.00995" height="2.00898" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.251268" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter13_f_20300_14972" x="144.928" y="7.39727" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter14_f_20300_14972" x="22.5027" y="2.94024" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter15_f_20300_14972" x="-2.56659" y="12.1707" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter16_f_20300_14972" x="15.9334" y="14.9832" width="3.01502" height="3.01405" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter17_f_20300_14972" x="35.0502" y="5.63028" width="2.00995" height="2.00898" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.251268" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter18_f_20300_14972" x="9.86563" y="13.2943" width="2.00995" height="2.00898" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.251268" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter19_f_20300_14972" x="53.9686" y="7.89727" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter20_f_20300_14972" x="85.6297" y="18.952" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter21_f_20300_14972" x="122.061" y="13.4285" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter22_f_20300_14972" x="133.117" y="12.6746" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter23_f_20300_14972" x="127.842" y="4.62774" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter24_f_20300_14972" x="39.8982" y="13.1746" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter25_f_20300_14972" x="2.4588" y="16.1902" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter26_f_20300_14972" x="10.4588" y="5.12774" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter27_f_20300_14972" x="48.4412" y="1.86602" width="3.51795" height="3.51795" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="0.502536" result="effect1_foregroundBlur_20300_14972"/>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
@@ -1,11 +1,11 @@
|
|||||||
import { Suspense } from 'react';
|
import { lazy, Suspense } from 'react';
|
||||||
import { Navigate, Route, Routes } from 'react-router-dom';
|
import { Navigate, Route, Routes } from 'react-router-dom';
|
||||||
import styled, { AnyStyledComponent, css } from 'styled-components';
|
import styled, { AnyStyledComponent, css } from 'styled-components';
|
||||||
import { WagmiConfig } from 'wagmi';
|
import { WagmiConfig } from 'wagmi';
|
||||||
import { QueryClient, QueryClientProvider } from 'react-query';
|
import { QueryClient, QueryClientProvider } from 'react-query';
|
||||||
import { GrazProvider } from 'graz';
|
import { GrazProvider } from 'graz';
|
||||||
|
|
||||||
import { AppRoute, DEFAULT_TRADE_ROUTE } from '@/constants/routes';
|
import { AppRoute, DEFAULT_TRADE_ROUTE, MarketsRoute } from '@/constants/routes';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
useBreakpoints,
|
useBreakpoints,
|
||||||
@@ -16,25 +16,17 @@ import {
|
|||||||
} from '@/hooks';
|
} from '@/hooks';
|
||||||
import { DydxProvider } from '@/hooks/useDydxClient';
|
import { DydxProvider } from '@/hooks/useDydxClient';
|
||||||
import { AccountsProvider } from '@/hooks/useAccounts';
|
import { AccountsProvider } from '@/hooks/useAccounts';
|
||||||
|
import { AppThemeProvider } from '@/hooks/useAppTheme';
|
||||||
import { DialogAreaProvider, useDialogArea } from '@/hooks/useDialogArea';
|
import { DialogAreaProvider, useDialogArea } from '@/hooks/useDialogArea';
|
||||||
import { LocaleProvider } from '@/hooks/useLocaleSeparators';
|
import { LocaleProvider } from '@/hooks/useLocaleSeparators';
|
||||||
import { NotificationsProvider } from '@/hooks/useNotifications';
|
import { NotificationsProvider } from '@/hooks/useNotifications';
|
||||||
import { LocalNotificationsProvider } from '@/hooks/useLocalNotifications';
|
import { LocalNotificationsProvider } from '@/hooks/useLocalNotifications';
|
||||||
|
import { PotentialMarketsProvider } from '@/hooks/usePotentialMarkets';
|
||||||
import { RestrictionProvider } from '@/hooks/useRestrictions';
|
import { RestrictionProvider } from '@/hooks/useRestrictions';
|
||||||
import { SubaccountProvider } from '@/hooks/useSubaccount';
|
import { SubaccountProvider } from '@/hooks/useSubaccount';
|
||||||
|
|
||||||
import { GuardedMobileRoute } from '@/components/GuardedMobileRoute';
|
import { GuardedMobileRoute } from '@/components/GuardedMobileRoute';
|
||||||
|
|
||||||
import MarketsPage from '@/pages/markets/Markets';
|
|
||||||
import PortfolioPage from '@/pages/portfolio/Portfolio';
|
|
||||||
import { AlertsPage } from '@/pages/AlertsPage';
|
|
||||||
import ProfilePage from '@/pages/Profile';
|
|
||||||
import { SettingsPage } from '@/pages/settings/Settings';
|
|
||||||
import TradePage from '@/pages/trade/Trade';
|
|
||||||
import { RewardsPage } from '@/pages/rewards/RewardsPage';
|
|
||||||
import { TermsOfUsePage } from '@/pages/TermsOfUsePage';
|
|
||||||
import { PrivacyPolicyPage } from '@/pages/PrivacyPolicyPage';
|
|
||||||
|
|
||||||
import { HeaderDesktop } from '@/layout/Header/HeaderDesktop';
|
import { HeaderDesktop } from '@/layout/Header/HeaderDesktop';
|
||||||
import { FooterDesktop } from '@/layout/Footer/FooterDesktop';
|
import { FooterDesktop } from '@/layout/Footer/FooterDesktop';
|
||||||
import { FooterMobile } from '@/layout/Footer/FooterMobile';
|
import { FooterMobile } from '@/layout/Footer/FooterMobile';
|
||||||
@@ -45,12 +37,25 @@ import { GlobalCommandDialog } from '@/views/dialogs/GlobalCommandDialog';
|
|||||||
import { config } from '@/lib/wagmi';
|
import { config } from '@/lib/wagmi';
|
||||||
|
|
||||||
import { breakpoints } from '@/styles';
|
import { breakpoints } from '@/styles';
|
||||||
|
import { GlobalStyle } from '@/styles/globalStyle';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
import { LoadingSpace } from './components/Loading/LoadingSpinner';
|
||||||
|
|
||||||
import '@/styles/constants.css';
|
import '@/styles/constants.css';
|
||||||
import '@/styles/fonts.css';
|
import '@/styles/fonts.css';
|
||||||
import '@/styles/web3modal.css';
|
import '@/styles/web3modal.css';
|
||||||
|
|
||||||
|
const NewMarket = lazy(() => import('@/pages/markets/NewMarket'));
|
||||||
|
const MarketsPage = lazy(() => import('@/pages/markets/Markets'));
|
||||||
|
const PortfolioPage = lazy(() => import('@/pages/portfolio/Portfolio'));
|
||||||
|
const AlertsPage = lazy(() => import('@/pages/AlertsPage'));
|
||||||
|
const ProfilePage = lazy(() => import('@/pages/Profile'));
|
||||||
|
const SettingsPage = lazy(() => import('@/pages/settings/Settings'));
|
||||||
|
const TradePage = lazy(() => import('@/pages/trade/Trade'));
|
||||||
|
const RewardsPage = lazy(() => import('@/pages/rewards/RewardsPage'));
|
||||||
|
const TermsOfUsePage = lazy(() => import('@/pages/TermsOfUsePage'));
|
||||||
|
const PrivacyPolicyPage = lazy(() => import('@/pages/PrivacyPolicyPage'));
|
||||||
|
|
||||||
const queryClient = new QueryClient();
|
const queryClient = new QueryClient();
|
||||||
|
|
||||||
const Content = () => {
|
const Content = () => {
|
||||||
@@ -65,49 +70,55 @@ const Content = () => {
|
|||||||
const { chainTokenLabel } = useTokenConfigs();
|
const { chainTokenLabel } = useTokenConfigs();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Styled.Content isShowingHeader={isShowingHeader} isShowingFooter={isShowingFooter}>
|
<>
|
||||||
{isNotTablet && <HeaderDesktop />}
|
<GlobalStyle />
|
||||||
|
<Styled.Content isShowingHeader={isShowingHeader} isShowingFooter={isShowingFooter}>
|
||||||
|
{isNotTablet && <HeaderDesktop />}
|
||||||
|
|
||||||
<Styled.Main>
|
<Styled.Main>
|
||||||
<Suspense fallback={null}>
|
<Suspense fallback={<LoadingSpace id="main" />}>
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path={AppRoute.Trade}>
|
<Route path={AppRoute.Trade}>
|
||||||
<Route path=":market" element={<TradePage />} />
|
<Route path=":market" element={<TradePage />} />
|
||||||
<Route path={AppRoute.Trade} element={<TradePage />} />
|
<Route path={AppRoute.Trade} element={<TradePage />} />
|
||||||
</Route>
|
</Route>
|
||||||
|
|
||||||
<Route path={AppRoute.Markets} element={<MarketsPage />} />
|
<Route path={AppRoute.Markets}>
|
||||||
<Route path={`/${chainTokenLabel}`} element={<RewardsPage />} />
|
<Route path={MarketsRoute.New} element={<NewMarket />} />
|
||||||
{isTablet && (
|
<Route path={AppRoute.Markets} element={<MarketsPage />} />
|
||||||
<>
|
</Route>
|
||||||
<Route path={AppRoute.Alerts} element={<AlertsPage />} />
|
<Route path={`/${chainTokenLabel}`} element={<RewardsPage />} />
|
||||||
<Route path={AppRoute.Profile} element={<ProfilePage />} />
|
{isTablet && (
|
||||||
<Route path={`${AppRoute.Settings}/*`} element={<SettingsPage />} />
|
<>
|
||||||
</>
|
<Route path={AppRoute.Alerts} element={<AlertsPage />} />
|
||||||
)}
|
<Route path={AppRoute.Profile} element={<ProfilePage />} />
|
||||||
|
<Route path={`${AppRoute.Settings}/*`} element={<SettingsPage />} />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
<Route element={<GuardedMobileRoute />}>
|
<Route element={<GuardedMobileRoute />}>
|
||||||
<Route path={`${AppRoute.Portfolio}/*`} element={<PortfolioPage />} />
|
<Route path={`${AppRoute.Portfolio}/*`} element={<PortfolioPage />} />
|
||||||
</Route>
|
</Route>
|
||||||
|
|
||||||
<Route path={AppRoute.Terms} element={<TermsOfUsePage />} />
|
<Route path={AppRoute.Terms} element={<TermsOfUsePage />} />
|
||||||
<Route path={AppRoute.Privacy} element={<PrivacyPolicyPage />} />
|
<Route path={AppRoute.Privacy} element={<PrivacyPolicyPage />} />
|
||||||
|
|
||||||
<Route path="*" element={<Navigate to={DEFAULT_TRADE_ROUTE} replace />} />
|
<Route path="*" element={<Navigate to={DEFAULT_TRADE_ROUTE} replace />} />
|
||||||
</Routes>
|
</Routes>
|
||||||
</Suspense>
|
</Suspense>
|
||||||
</Styled.Main>
|
</Styled.Main>
|
||||||
|
|
||||||
{isTablet ? <FooterMobile /> : <FooterDesktop />}
|
{isTablet ? <FooterMobile /> : <FooterDesktop />}
|
||||||
|
|
||||||
<Styled.NotificationsToastArea />
|
<Styled.NotificationsToastArea />
|
||||||
|
|
||||||
<Styled.DialogArea ref={setDialogArea}>
|
<Styled.DialogArea ref={setDialogArea}>
|
||||||
<DialogManager />
|
<DialogManager />
|
||||||
</Styled.DialogArea>
|
</Styled.DialogArea>
|
||||||
|
|
||||||
<GlobalCommandDialog />
|
<GlobalCommandDialog />
|
||||||
</Styled.Content>
|
</Styled.Content>
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -130,6 +141,8 @@ const providers = [
|
|||||||
wrapProvider(LocalNotificationsProvider),
|
wrapProvider(LocalNotificationsProvider),
|
||||||
wrapProvider(NotificationsProvider),
|
wrapProvider(NotificationsProvider),
|
||||||
wrapProvider(DialogAreaProvider),
|
wrapProvider(DialogAreaProvider),
|
||||||
|
wrapProvider(PotentialMarketsProvider),
|
||||||
|
wrapProvider(AppThemeProvider),
|
||||||
];
|
];
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
|
|||||||
@@ -0,0 +1,26 @@
|
|||||||
|
import type { Story } from '@ladle/react';
|
||||||
|
|
||||||
|
import { Accordion as AccordionComponent, AccordionProps } from '@/components/Accordion';
|
||||||
|
|
||||||
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
|
export const Accordion: Story<AccordionProps> = (args) => {
|
||||||
|
return (
|
||||||
|
<StoryWrapper>
|
||||||
|
<AccordionComponent {...args} />
|
||||||
|
</StoryWrapper>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
Accordion.args = {
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
header: 'Question 1?',
|
||||||
|
content: 'Answer 1.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
header: 'Question 2?',
|
||||||
|
content: 'Answer 2.',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
@@ -0,0 +1,129 @@
|
|||||||
|
import styled, { keyframes, type AnyStyledComponent } from 'styled-components';
|
||||||
|
|
||||||
|
import { Root, Item, Header, Trigger, Content } from '@radix-ui/react-accordion';
|
||||||
|
|
||||||
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
import { breakpoints } from '@/styles';
|
||||||
|
|
||||||
|
import { PlusIcon } from '@/icons';
|
||||||
|
|
||||||
|
export type AccordionItem = {
|
||||||
|
header: React.ReactNode;
|
||||||
|
content: React.ReactNode;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type AccordionProps = {
|
||||||
|
items: AccordionItem[];
|
||||||
|
className?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const Accordion = ({ items, className }: AccordionProps) => (
|
||||||
|
<Styled.Root className={className} type="single" collapsible>
|
||||||
|
{items.map(({ header, content }, idx) => (
|
||||||
|
<Styled.Item key={idx} value={idx.toString()}>
|
||||||
|
<Header>
|
||||||
|
<Styled.Trigger>
|
||||||
|
{header}
|
||||||
|
<Styled.Icon>
|
||||||
|
<PlusIcon />
|
||||||
|
</Styled.Icon>
|
||||||
|
</Styled.Trigger>
|
||||||
|
</Header>
|
||||||
|
<Styled.Content>{content}</Styled.Content>
|
||||||
|
</Styled.Item>
|
||||||
|
))}
|
||||||
|
</Styled.Root>
|
||||||
|
);
|
||||||
|
|
||||||
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|
||||||
|
Styled.Root = styled(Root)`
|
||||||
|
--accordion-paddingY: 1rem;
|
||||||
|
--accordion-paddingX: 1rem;
|
||||||
|
|
||||||
|
@media ${breakpoints.notTablet} {
|
||||||
|
--accordion-paddingX: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
> *:not(:last-child) {
|
||||||
|
border-bottom: var(--border-width) solid var(--border-color);
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
Styled.Item = styled(Item)``;
|
||||||
|
|
||||||
|
Styled.Icon = styled.div`
|
||||||
|
display: inline-flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
width: 2.25rem;
|
||||||
|
height: 2.25rem;
|
||||||
|
|
||||||
|
--color-border: var(--color-layer-6);
|
||||||
|
color: var(--color-text-1);
|
||||||
|
background-color: var(--color-layer-5);
|
||||||
|
border: solid var(--border-width) var(--color-border);
|
||||||
|
border-radius: 50%;
|
||||||
|
font: var(--font-small-book);
|
||||||
|
|
||||||
|
svg {
|
||||||
|
height: 1.125em;
|
||||||
|
width: 1.125em;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
Styled.Trigger = styled(Trigger)`
|
||||||
|
${layoutMixins.spacedRow}
|
||||||
|
width: 100%;
|
||||||
|
padding: var(--accordion-paddingY) var(--accordion-paddingX);
|
||||||
|
gap: 0.5rem;
|
||||||
|
|
||||||
|
color: var(--color-text-1);
|
||||||
|
text-align: start;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
${Styled.Icon} {
|
||||||
|
color: var(--color-text-2);
|
||||||
|
filter: brightness(1.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
color: var(--color-text-0);
|
||||||
|
transition: transform 0.3s var(--ease-out-expo);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[data-state='open'] svg {
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
Styled.Content = styled(Content)`
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0 var(--accordion-paddingX) var(--accordion-paddingY);
|
||||||
|
|
||||||
|
color: var(--color-text-0);
|
||||||
|
|
||||||
|
&[data-state='open'] {
|
||||||
|
animation: ${keyframes`
|
||||||
|
from {
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
height: var(--radix-accordion-content-height);
|
||||||
|
}
|
||||||
|
`} 0.3s var(--ease-out-expo);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[data-state='closed'] {
|
||||||
|
animation: ${keyframes`
|
||||||
|
from {
|
||||||
|
height: var(--radix-accordion-content-height);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
`} 0.1s var(--ease-in-expo);
|
||||||
|
}
|
||||||
|
`;
|
||||||
@@ -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',
|
||||||
|
BONK: '/currencies/bonk.png',
|
||||||
BTC: '/currencies/btc.png',
|
BTC: '/currencies/btc.png',
|
||||||
CELO: '/currencies/celo.png',
|
CELO: '/currencies/celo.png',
|
||||||
COMP: '/currencies/comp.png',
|
COMP: '/currencies/comp.png',
|
||||||
@@ -45,6 +46,7 @@ const assetIcons = {
|
|||||||
SOL: '/currencies/sol.png',
|
SOL: '/currencies/sol.png',
|
||||||
SUI: '/currencies/sui.png',
|
SUI: '/currencies/sui.png',
|
||||||
SUSHI: '/currencies/sushi.png',
|
SUSHI: '/currencies/sushi.png',
|
||||||
|
TIA: '/currencies/tia.png',
|
||||||
TRX: '/currencies/trx.png',
|
TRX: '/currencies/trx.png',
|
||||||
UMA: '/currencies/uma.png',
|
UMA: '/currencies/uma.png',
|
||||||
UNI: '/currencies/uni.png',
|
UNI: '/currencies/uni.png',
|
||||||
@@ -71,8 +73,13 @@ export const AssetIcon = ({
|
|||||||
}: {
|
}: {
|
||||||
symbol?: Nullable<string>;
|
symbol?: Nullable<string>;
|
||||||
className?: string;
|
className?: string;
|
||||||
}) =>
|
}) => (
|
||||||
isAssetSymbol(symbol) ? <Styled.Img src={assetIcons[symbol]} className={className} /> : null;
|
<Styled.Img
|
||||||
|
src={isAssetSymbol(symbol) ? assetIcons[symbol] : '/currencies/unavailable.png'}
|
||||||
|
className={className}
|
||||||
|
alt={symbol}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
|
||||||
const Styled: Record<string, AnyStyledComponent> = {};
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,13 @@
|
|||||||
|
import { forwardRef } from 'react';
|
||||||
|
|
||||||
|
type CanvasProps = {
|
||||||
|
className?: string;
|
||||||
|
width: number | string;
|
||||||
|
height: number | string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const Canvas = forwardRef<HTMLCanvasElement, CanvasProps>(
|
||||||
|
({ className, width, height }, canvasRef) => (
|
||||||
|
<canvas ref={canvasRef} className={className} width={width} height={height} />
|
||||||
|
)
|
||||||
|
);
|
||||||
@@ -5,7 +5,7 @@ import { Checkbox, CheckboxProps } from '@/components/Checkbox';
|
|||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const Checkboxes: Story<CheckboxProps> = (args) => {
|
export const CheckboxStory: Story<CheckboxProps> = (args) => {
|
||||||
const [isChecked, setIsChecked] = useState(false);
|
const [isChecked, setIsChecked] = useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -21,4 +21,12 @@ export const Checkboxes: Story<CheckboxProps> = (args) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
Checkboxes.args = {};
|
CheckboxStory.args = {};
|
||||||
|
|
||||||
|
CheckboxStory.argTypes = {
|
||||||
|
disabled: {
|
||||||
|
options: [true, false],
|
||||||
|
control: { type: 'select' },
|
||||||
|
defaultValue: false,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import styled, { type AnyStyledComponent } from 'styled-components';
|
import styled, { css, type AnyStyledComponent } from 'styled-components';
|
||||||
import { Root, Indicator } from '@radix-ui/react-checkbox';
|
import { Root, Indicator } from '@radix-ui/react-checkbox';
|
||||||
import { CheckIcon } from '@radix-ui/react-icons';
|
import { CheckIcon } from '@radix-ui/react-icons';
|
||||||
|
|
||||||
@@ -9,6 +9,7 @@ type ElementProps = {
|
|||||||
onCheckedChange: (checked: boolean) => void;
|
onCheckedChange: (checked: boolean) => void;
|
||||||
id?: string;
|
id?: string;
|
||||||
label?: React.ReactNode;
|
label?: React.ReactNode;
|
||||||
|
disabled?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
@@ -23,14 +24,15 @@ export const Checkbox: React.FC<CheckboxProps> = ({
|
|||||||
onCheckedChange,
|
onCheckedChange,
|
||||||
id,
|
id,
|
||||||
label,
|
label,
|
||||||
|
disabled
|
||||||
}) => (
|
}) => (
|
||||||
<Styled.Container>
|
<Styled.Container>
|
||||||
<Styled.Root className={className} checked={checked} onCheckedChange={onCheckedChange} id={id}>
|
<Styled.Root className={className} checked={checked} disabled={disabled} onCheckedChange={onCheckedChange} id={id}>
|
||||||
<Styled.Indicator>
|
<Styled.Indicator>
|
||||||
<CheckIcon />
|
<CheckIcon />
|
||||||
</Styled.Indicator>
|
</Styled.Indicator>
|
||||||
</Styled.Root>
|
</Styled.Root>
|
||||||
{label && <label htmlFor={id}>{label}</label>}
|
{label && <Styled.label disabled={disabled} htmlFor={id}>{label}</Styled.label>}
|
||||||
</Styled.Container>
|
</Styled.Container>
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -48,17 +50,23 @@ Styled.Container = styled.div`
|
|||||||
|
|
||||||
Styled.Root = styled(Root)`
|
Styled.Root = styled(Root)`
|
||||||
--checkbox-backgroundColor: var(--color-layer-0);
|
--checkbox-backgroundColor: var(--color-layer-0);
|
||||||
|
--checkbox-borderColor: var(--color-border);
|
||||||
|
|
||||||
min-width: 1.25rem;
|
min-width: 1.25rem;
|
||||||
height: 1.25rem;
|
height: 1.25rem;
|
||||||
|
|
||||||
border-radius: 0.375rem;
|
border-radius: 0.375rem;
|
||||||
border: var(--border-width) solid var(--color-border);
|
border: var(--border-width) solid var(--checkbox-borderColor);
|
||||||
background-color: var(--checkbox-backgroundColor);
|
background-color: var(--checkbox-backgroundColor);
|
||||||
|
|
||||||
&[data-state='checked'] {
|
&[data-state='checked'] {
|
||||||
--checkbox-backgroundColor: var(--color-accent);
|
--checkbox-backgroundColor: var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&[data-disabled] {
|
||||||
|
cursor: not-allowed;
|
||||||
|
--checkbox-backgroundColor: var(--color-layer-1);
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Indicator = styled(Indicator)`
|
Styled.Indicator = styled(Indicator)`
|
||||||
@@ -68,3 +76,11 @@ Styled.Indicator = styled(Indicator)`
|
|||||||
|
|
||||||
color: var(--color-text-2);
|
color: var(--color-text-2);
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
Styled.label = styled.div<{ disabled: boolean; }>`
|
||||||
|
color: var(--color-text-2);
|
||||||
|
|
||||||
|
${({disabled}) => disabled && css`
|
||||||
|
color: var(--color-text-0);
|
||||||
|
`}
|
||||||
|
`;
|
||||||
|
|||||||
@@ -31,10 +31,12 @@ type ElementProps<TabItemsValue> = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
fullWidthTabs?: boolean;
|
|
||||||
className?: string;
|
className?: string;
|
||||||
|
fullWidthTabs?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type CollapsibleTabsProps<TabItemsValue> = ElementProps<TabItemsValue> & StyleProps;
|
||||||
|
|
||||||
export const CollapsibleTabs = <TabItemsValue extends string>({
|
export const CollapsibleTabs = <TabItemsValue extends string>({
|
||||||
defaultValue,
|
defaultValue,
|
||||||
items,
|
items,
|
||||||
@@ -43,8 +45,9 @@ export const CollapsibleTabs = <TabItemsValue extends string>({
|
|||||||
onOpenChange,
|
onOpenChange,
|
||||||
|
|
||||||
fullWidthTabs,
|
fullWidthTabs,
|
||||||
|
|
||||||
className,
|
className,
|
||||||
}: ElementProps<TabItemsValue> & StyleProps) => {
|
}: CollapsibleTabsProps<TabItemsValue>) => {
|
||||||
const [value, setValue] = useState(defaultValue);
|
const [value, setValue] = useState(defaultValue);
|
||||||
|
|
||||||
const currentItem = items.find((item) => item.value === value);
|
const currentItem = items.find((item) => item.value === value);
|
||||||
@@ -86,8 +89,8 @@ export const CollapsibleTabs = <TabItemsValue extends string>({
|
|||||||
</Styled.Header>
|
</Styled.Header>
|
||||||
|
|
||||||
<Styled.CollapsibleContent>
|
<Styled.CollapsibleContent>
|
||||||
{items.map(({ value, content }) => (
|
{items.map(({ asChild, value, content }) => (
|
||||||
<Styled.TabsContent key={value} value={value}>
|
<Styled.TabsContent key={value} asChild={asChild} value={value}>
|
||||||
{content}
|
{content}
|
||||||
</Styled.TabsContent>
|
</Styled.TabsContent>
|
||||||
))}
|
))}
|
||||||
@@ -219,7 +222,6 @@ Styled.Header = styled.header`
|
|||||||
|
|
||||||
Styled.CollapsibleContent = styled(CollapsibleContent)`
|
Styled.CollapsibleContent = styled(CollapsibleContent)`
|
||||||
${layoutMixins.stack}
|
${layoutMixins.stack}
|
||||||
${layoutMixins.perspectiveArea}
|
|
||||||
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -51,8 +51,9 @@ export const ComboboxMenu = <MenuItemValue extends string, MenuGroupValue extend
|
|||||||
// value={highlightedCommand}
|
// value={highlightedCommand}
|
||||||
// onValueChange={setHighlightedCommand}
|
// onValueChange={setHighlightedCommand}
|
||||||
filter={(value: string, search: string) => {
|
filter={(value: string, search: string) => {
|
||||||
if (value.replace(/ /g, '').includes(search.replace(/ /g, ''))) return 1;
|
value.replace(/ /g, '').toLowerCase().includes(search.replace(/ /g, '').toLowerCase())
|
||||||
return 0;
|
? 1
|
||||||
|
: 0;
|
||||||
}}
|
}}
|
||||||
className={className}
|
className={className}
|
||||||
$withStickyLayout={withStickyLayout}
|
$withStickyLayout={withStickyLayout}
|
||||||
|
|||||||
@@ -11,6 +11,5 @@ export const DetachedScrollableSection = styled.section`
|
|||||||
|
|
||||||
export const AttachedExpandingSection = styled.section`
|
export const AttachedExpandingSection = styled.section`
|
||||||
${layoutMixins.contentSectionAttached}
|
${layoutMixins.contentSectionAttached}
|
||||||
${layoutMixins.expandingColumnWithHeader}
|
|
||||||
gap: var(--border-width);
|
gap: var(--border-width);
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ export const DiffArrowStory: Story<DiffArrowProps> = (args) => (
|
|||||||
|
|
||||||
DiffArrowStory.argTypes = {
|
DiffArrowStory.argTypes = {
|
||||||
direction: {
|
direction: {
|
||||||
options: ['left', 'right'],
|
options: ['left', 'right', 'up', 'down'],
|
||||||
control: { type: 'select' },
|
control: { type: 'select' },
|
||||||
defaultValue: 'right',
|
defaultValue: 'right',
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ type ElementProps = {
|
|||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
className?: string;
|
className?: string;
|
||||||
direction?: 'right' | 'left';
|
direction?: 'right' | 'left' | 'up' | 'down';
|
||||||
};
|
};
|
||||||
|
|
||||||
export type DiffArrowProps = ElementProps & StyleProps;
|
export type DiffArrowProps = ElementProps & StyleProps;
|
||||||
@@ -57,5 +57,11 @@ Styled.DiffArrowContainer = styled.span<DiffArrowProps>`
|
|||||||
left: css`
|
left: css`
|
||||||
transform: scaleX(-1);
|
transform: scaleX(-1);
|
||||||
`,
|
`,
|
||||||
|
up: css`
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
`,
|
||||||
|
down: css`
|
||||||
|
transform: rotate(90deg);
|
||||||
|
`
|
||||||
}[direction || 'right'])}
|
}[direction || 'right'])}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -32,7 +32,7 @@ export const FormInput = forwardRef<HTMLInputElement, FormInputProps>(
|
|||||||
isValidationAttached={validationConfig?.attached}
|
isValidationAttached={validationConfig?.attached}
|
||||||
>
|
>
|
||||||
<Styled.InputContainer hasSlotRight={!!slotRight}>
|
<Styled.InputContainer hasSlotRight={!!slotRight}>
|
||||||
<Styled.WithLabel label={label} inputID={id}>
|
<Styled.WithLabel label={label} inputID={id} disabled={otherProps?.disabled}>
|
||||||
<Input ref={ref} id={id} {...otherProps} />
|
<Input ref={ref} id={id} {...otherProps} />
|
||||||
</Styled.WithLabel>
|
</Styled.WithLabel>
|
||||||
{slotRight}
|
{slotRight}
|
||||||
@@ -85,11 +85,11 @@ Styled.InputContainer = styled.div<{ hasSlotRight?: boolean }>`
|
|||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.WithLabel = styled(WithLabel)`
|
Styled.WithLabel = styled(WithLabel)<{ disabled?: boolean }>`
|
||||||
${formMixins.inputLabel}
|
${formMixins.inputLabel}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
cursor: text;
|
${({ disabled }) => !disabled && 'cursor: text;'}
|
||||||
padding: var(--form-input-paddingY) var(--form-input-paddingX) 0;
|
padding: var(--form-input-paddingY) var(--form-input-paddingX) 0;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -24,7 +24,6 @@ import {
|
|||||||
CoinsIcon,
|
CoinsIcon,
|
||||||
CommentIcon,
|
CommentIcon,
|
||||||
CopyIcon,
|
CopyIcon,
|
||||||
CubeIcon,
|
|
||||||
DepositIcon,
|
DepositIcon,
|
||||||
DepthChartIcon,
|
DepthChartIcon,
|
||||||
DiscordIcon,
|
DiscordIcon,
|
||||||
@@ -45,6 +44,7 @@ import {
|
|||||||
MenuIcon,
|
MenuIcon,
|
||||||
MigrateIcon,
|
MigrateIcon,
|
||||||
MintscanIcon,
|
MintscanIcon,
|
||||||
|
MoonIcon,
|
||||||
OrderbookIcon,
|
OrderbookIcon,
|
||||||
OrderCanceledIcon,
|
OrderCanceledIcon,
|
||||||
OrderFilledIcon,
|
OrderFilledIcon,
|
||||||
@@ -55,16 +55,19 @@ import {
|
|||||||
OverviewIcon,
|
OverviewIcon,
|
||||||
PencilIcon,
|
PencilIcon,
|
||||||
PlayIcon,
|
PlayIcon,
|
||||||
|
PlusIcon,
|
||||||
PositionsIcon,
|
PositionsIcon,
|
||||||
PriceChartIcon,
|
PriceChartIcon,
|
||||||
PrivacyIcon,
|
PrivacyIcon,
|
||||||
QrIcon,
|
QrIcon,
|
||||||
|
RewardStarIcon,
|
||||||
SearchIcon,
|
SearchIcon,
|
||||||
SendIcon,
|
SendIcon,
|
||||||
ShareIcon,
|
ShareIcon,
|
||||||
ShowIcon,
|
ShowIcon,
|
||||||
TogglesMenuIcon,
|
TogglesMenuIcon,
|
||||||
StarIcon,
|
StarIcon,
|
||||||
|
SunIcon,
|
||||||
TerminalIcon,
|
TerminalIcon,
|
||||||
TradeIcon,
|
TradeIcon,
|
||||||
TransferIcon,
|
TransferIcon,
|
||||||
@@ -98,7 +101,6 @@ export enum IconName {
|
|||||||
Coins = 'Coins',
|
Coins = 'Coins',
|
||||||
Comment = 'Comment',
|
Comment = 'Comment',
|
||||||
Copy = 'Copy',
|
Copy = 'Copy',
|
||||||
Cube = 'Cube',
|
|
||||||
Deposit = 'Deposit',
|
Deposit = 'Deposit',
|
||||||
DepthChart = 'DepthChart',
|
DepthChart = 'DepthChart',
|
||||||
Discord = 'Discord',
|
Discord = 'Discord',
|
||||||
@@ -119,6 +121,7 @@ export enum IconName {
|
|||||||
Menu = 'Menu',
|
Menu = 'Menu',
|
||||||
Migrate = 'Migrate',
|
Migrate = 'Migrate',
|
||||||
Mintscan = 'Mintscan',
|
Mintscan = 'Mintscan',
|
||||||
|
Moon = 'Moon',
|
||||||
Onboarding = 'Onboarding',
|
Onboarding = 'Onboarding',
|
||||||
Orderbook = 'OrderbookIcon',
|
Orderbook = 'OrderbookIcon',
|
||||||
OrderCanceled = 'OrderCanceled',
|
OrderCanceled = 'OrderCanceled',
|
||||||
@@ -130,15 +133,18 @@ export enum IconName {
|
|||||||
Overview = 'Overview',
|
Overview = 'Overview',
|
||||||
Pencil = 'Pencil',
|
Pencil = 'Pencil',
|
||||||
Play = 'Play',
|
Play = 'Play',
|
||||||
|
Plus = 'Plus',
|
||||||
Positions = 'Positions',
|
Positions = 'Positions',
|
||||||
PriceChart = 'PriceChart',
|
PriceChart = 'PriceChart',
|
||||||
Privacy = 'Privacy',
|
Privacy = 'Privacy',
|
||||||
Qr = 'Qr',
|
Qr = 'Qr',
|
||||||
|
RewardStar = 'RewardStar',
|
||||||
Search = 'Search',
|
Search = 'Search',
|
||||||
Send = 'Send',
|
Send = 'Send',
|
||||||
Share = 'Share',
|
Share = 'Share',
|
||||||
Show = 'Show',
|
Show = 'Show',
|
||||||
Star = 'Star',
|
Star = 'Star',
|
||||||
|
Sun = 'Sun',
|
||||||
Terminal = 'Terminal',
|
Terminal = 'Terminal',
|
||||||
TogglesMenu = 'TogglesMenu',
|
TogglesMenu = 'TogglesMenu',
|
||||||
Trade = 'Trade',
|
Trade = 'Trade',
|
||||||
@@ -173,7 +179,6 @@ const icons = {
|
|||||||
[IconName.Coins]: CoinsIcon,
|
[IconName.Coins]: CoinsIcon,
|
||||||
[IconName.Comment]: CommentIcon,
|
[IconName.Comment]: CommentIcon,
|
||||||
[IconName.Copy]: CopyIcon,
|
[IconName.Copy]: CopyIcon,
|
||||||
[IconName.Cube]: CubeIcon,
|
|
||||||
[IconName.Deposit]: DepositIcon,
|
[IconName.Deposit]: DepositIcon,
|
||||||
[IconName.DepthChart]: DepthChartIcon,
|
[IconName.DepthChart]: DepthChartIcon,
|
||||||
[IconName.Discord]: DiscordIcon,
|
[IconName.Discord]: DiscordIcon,
|
||||||
@@ -194,6 +199,7 @@ const icons = {
|
|||||||
[IconName.Menu]: MenuIcon,
|
[IconName.Menu]: MenuIcon,
|
||||||
[IconName.Migrate]: MigrateIcon,
|
[IconName.Migrate]: MigrateIcon,
|
||||||
[IconName.Mintscan]: MintscanIcon,
|
[IconName.Mintscan]: MintscanIcon,
|
||||||
|
[IconName.Moon]: MoonIcon,
|
||||||
[IconName.Orderbook]: OrderbookIcon,
|
[IconName.Orderbook]: OrderbookIcon,
|
||||||
[IconName.OrderCanceled]: OrderCanceledIcon,
|
[IconName.OrderCanceled]: OrderCanceledIcon,
|
||||||
[IconName.OrderFilled]: OrderFilledIcon,
|
[IconName.OrderFilled]: OrderFilledIcon,
|
||||||
@@ -204,15 +210,18 @@ const icons = {
|
|||||||
[IconName.Overview]: OverviewIcon,
|
[IconName.Overview]: OverviewIcon,
|
||||||
[IconName.Pencil]: PencilIcon,
|
[IconName.Pencil]: PencilIcon,
|
||||||
[IconName.Play]: PlayIcon,
|
[IconName.Play]: PlayIcon,
|
||||||
|
[IconName.Plus]: PlusIcon,
|
||||||
[IconName.Positions]: PositionsIcon,
|
[IconName.Positions]: PositionsIcon,
|
||||||
[IconName.PriceChart]: PriceChartIcon,
|
[IconName.PriceChart]: PriceChartIcon,
|
||||||
[IconName.Privacy]: PrivacyIcon,
|
[IconName.Privacy]: PrivacyIcon,
|
||||||
[IconName.Qr]: QrIcon,
|
[IconName.Qr]: QrIcon,
|
||||||
|
[IconName.RewardStar]: RewardStarIcon,
|
||||||
[IconName.Search]: SearchIcon,
|
[IconName.Search]: SearchIcon,
|
||||||
[IconName.Send]: SendIcon,
|
[IconName.Send]: SendIcon,
|
||||||
[IconName.Share]: ShareIcon,
|
[IconName.Share]: ShareIcon,
|
||||||
[IconName.Show]: ShowIcon,
|
[IconName.Show]: ShowIcon,
|
||||||
[IconName.Star]: StarIcon,
|
[IconName.Star]: StarIcon,
|
||||||
|
[IconName.Sun]: SunIcon,
|
||||||
[IconName.Terminal]: TerminalIcon,
|
[IconName.Terminal]: TerminalIcon,
|
||||||
[IconName.TogglesMenu]: TogglesMenuIcon,
|
[IconName.TogglesMenu]: TogglesMenuIcon,
|
||||||
[IconName.Trade]: TradeIcon,
|
[IconName.Trade]: TradeIcon,
|
||||||
|
|||||||
@@ -198,7 +198,6 @@ Styled.InputContainer = styled.div`
|
|||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
user-select: all;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ export const LoadingSpinner: React.FC<{
|
|||||||
return (
|
return (
|
||||||
<Styled.Spinner className={className}>
|
<Styled.Spinner className={className}>
|
||||||
<Styled.LoadingSpinnerSvg
|
<Styled.LoadingSpinnerSvg
|
||||||
|
id={id}
|
||||||
width="38"
|
width="38"
|
||||||
height="38"
|
height="38"
|
||||||
viewBox="0 0 38 38"
|
viewBox="0 0 38 38"
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import styled, { type AnyStyledComponent } from 'styled-components';
|
import styled, { type AnyStyledComponent } from 'styled-components';
|
||||||
|
|
||||||
import { RiskLevels } from '@/constants/abacus';
|
import { RiskLevels } from '@/constants/abacus';
|
||||||
import { UsageColorFromRiskLevel } from '@/styles/colors';
|
|
||||||
|
|
||||||
import { Ring } from '@/components/Ring';
|
import { Ring } from '@/components/Ring';
|
||||||
|
|
||||||
import { abacusHelper } from '@/lib/abacus';
|
import { abacusHelper } from '@/lib/abacus';
|
||||||
|
import { UsageColorFromRiskLevel } from '@/lib/styles';
|
||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
value: number;
|
value: number;
|
||||||
|
|||||||
@@ -116,6 +116,7 @@ export const Output = ({
|
|||||||
{value?.toString() ?? null}
|
{value?.toString() ?? null}
|
||||||
|
|
||||||
{tag && <Tag>{tag}</Tag>}
|
{tag && <Tag>{tag}</Tag>}
|
||||||
|
{slotRight}
|
||||||
</Styled.Text>
|
</Styled.Text>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,9 +4,10 @@ import { Link } from 'react-router-dom';
|
|||||||
import { Icon, IconName } from '@/components/Icon';
|
import { Icon, IconName } from '@/components/Icon';
|
||||||
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
import { breakpoints } from '@/styles';
|
||||||
|
|
||||||
type PanelProps = {
|
type PanelProps = {
|
||||||
slotHeaderContent?: string;
|
slotHeaderContent?: React.ReactNode;
|
||||||
slotHeader?: React.ReactNode;
|
slotHeader?: React.ReactNode;
|
||||||
slotRight?: React.ReactNode;
|
slotRight?: React.ReactNode;
|
||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
@@ -67,6 +68,12 @@ Styled.Panel = styled.section<{ onClick?: () => void }>`
|
|||||||
--panel-content-paddingY: var(--panel-paddingY);
|
--panel-content-paddingY: var(--panel-paddingY);
|
||||||
--panel-content-paddingX: var(--panel-paddingX);
|
--panel-content-paddingX: var(--panel-paddingX);
|
||||||
|
|
||||||
|
@media ${breakpoints.notTablet} {
|
||||||
|
--panel-paddingX: 1.5rem;
|
||||||
|
--panel-paddingY: 1.25rem;
|
||||||
|
--panel-content-paddingY: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
${layoutMixins.row}
|
${layoutMixins.row}
|
||||||
|
|
||||||
background-color: var(--color-layer-3);
|
background-color: var(--color-layer-3);
|
||||||
|
|||||||
@@ -11,6 +11,7 @@ type ElementProps = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
|
className?: string;
|
||||||
hasLogo?: boolean;
|
hasLogo?: boolean;
|
||||||
size?: number;
|
size?: number;
|
||||||
};
|
};
|
||||||
@@ -18,7 +19,7 @@ type StyleProps = {
|
|||||||
const DARK_LOGO_MARK_URL = '/logos/logo-mark-dark.svg';
|
const DARK_LOGO_MARK_URL = '/logos/logo-mark-dark.svg';
|
||||||
const LIGHT_LOGO_MARK_URL = '/logos/logo-mark-light.svg';
|
const LIGHT_LOGO_MARK_URL = '/logos/logo-mark-light.svg';
|
||||||
|
|
||||||
export const QrCode = ({ value, hasLogo, size = 300 }: ElementProps & StyleProps) => {
|
export const QrCode = ({ className, value, hasLogo, size = 300 }: ElementProps & StyleProps) => {
|
||||||
const ref = useRef<HTMLDivElement>(null);
|
const ref = useRef<HTMLDivElement>(null);
|
||||||
const appTheme: AppTheme = useSelector(getAppTheme);
|
const appTheme: AppTheme = useSelector(getAppTheme);
|
||||||
|
|
||||||
@@ -74,7 +75,7 @@ export const QrCode = ({ value, hasLogo, size = 300 }: ElementProps & StyleProps
|
|||||||
}
|
}
|
||||||
}, [appTheme, hasLogo]);
|
}, [appTheme, hasLogo]);
|
||||||
|
|
||||||
return <Styled.QrCode ref={ref} />;
|
return <Styled.QrCode className={className} ref={ref} />;
|
||||||
};
|
};
|
||||||
|
|
||||||
const Styled: Record<string, AnyStyledComponent> = {};
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ Styled.Root = styled(Root)`
|
|||||||
--switch-thumb-backgroundColor: var(--color-layer-6);
|
--switch-thumb-backgroundColor: var(--color-layer-6);
|
||||||
|
|
||||||
--switch-active-backgroundColor: var(--color-accent);
|
--switch-active-backgroundColor: var(--color-accent);
|
||||||
--switch-active-thumb-backgroundColor: var(--color-white);
|
--switch-active-thumb-backgroundColor: ${({ theme }) => theme.switchThumbActiveBackground};
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
width: var(--switch-width);
|
width: var(--switch-width);
|
||||||
|
|||||||
@@ -33,16 +33,20 @@ import {
|
|||||||
|
|
||||||
import { useAsyncList } from 'react-stately';
|
import { useAsyncList } from 'react-stately';
|
||||||
|
|
||||||
import { useBreakpoints } from '@/hooks';
|
import { useBreakpoints, useStringGetter } from '@/hooks';
|
||||||
import { MediaQueryKeys } from '@/hooks/useBreakpoints';
|
import { MediaQueryKeys } from '@/hooks/useBreakpoints';
|
||||||
|
|
||||||
import { Checkbox } from '@/components/Checkbox';
|
|
||||||
|
|
||||||
import { breakpoints } from '@/styles';
|
import { breakpoints } from '@/styles';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
import { CaretIcon } from '@/icons';
|
||||||
|
|
||||||
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
|
|
||||||
|
import { MustBigNumber } from '@/lib/numbers';
|
||||||
|
|
||||||
import { Icon, IconName } from './Icon';
|
import { Icon, IconName } from './Icon';
|
||||||
import { Tag } from './Tag';
|
import { Tag } from './Tag';
|
||||||
|
import { Button } from './Button';
|
||||||
|
|
||||||
export { TableCell } from './Table/TableCell';
|
export { TableCell } from './Table/TableCell';
|
||||||
export { TableColumnHeader } from './Table/TableColumnHeader';
|
export { TableColumnHeader } from './Table/TableColumnHeader';
|
||||||
@@ -64,7 +68,7 @@ export type TableItem<TableRowData> = {
|
|||||||
onSelect?: (key: TableRowData) => void;
|
onSelect?: (key: TableRowData) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type ColumnDef<TableRowData extends object> = {
|
type ColumnDef<TableRowData extends object> = {
|
||||||
columnKey: string;
|
columnKey: string;
|
||||||
label: React.ReactNode;
|
label: React.ReactNode;
|
||||||
tag?: React.ReactNode;
|
tag?: React.ReactNode;
|
||||||
@@ -79,7 +83,7 @@ export type ColumnDef<TableRowData extends object> = {
|
|||||||
width?: ColumnSize;
|
width?: ColumnSize;
|
||||||
};
|
};
|
||||||
|
|
||||||
type ElementProps<TableRowData extends object | CustomRowConfig, TableRowKey extends Key> = {
|
export type ElementProps<TableRowData extends object | CustomRowConfig, TableRowKey extends Key> = {
|
||||||
label?: string;
|
label?: string;
|
||||||
columns: ColumnDef<TableRowData>[];
|
columns: ColumnDef<TableRowData>[];
|
||||||
data: TableRowData[];
|
data: TableRowData[];
|
||||||
@@ -91,6 +95,7 @@ type ElementProps<TableRowData extends object | CustomRowConfig, TableRowKey ext
|
|||||||
selectionBehavior?: 'replace' | 'toggle';
|
selectionBehavior?: 'replace' | 'toggle';
|
||||||
onRowAction?: (key: TableRowKey, row: TableRowData) => void;
|
onRowAction?: (key: TableRowKey, row: TableRowData) => void;
|
||||||
slotEmpty?: React.ReactNode;
|
slotEmpty?: React.ReactNode;
|
||||||
|
initialNumRowsToShow?: number;
|
||||||
// collection: TableCollection<string>;
|
// collection: TableCollection<string>;
|
||||||
// children: React.ReactNode;
|
// children: React.ReactNode;
|
||||||
};
|
};
|
||||||
@@ -120,6 +125,7 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
|
|||||||
selectionMode = 'single',
|
selectionMode = 'single',
|
||||||
selectionBehavior = 'toggle',
|
selectionBehavior = 'toggle',
|
||||||
slotEmpty,
|
slotEmpty,
|
||||||
|
initialNumRowsToShow,
|
||||||
// shouldRowRender,
|
// shouldRowRender,
|
||||||
|
|
||||||
// collection,
|
// collection,
|
||||||
@@ -135,6 +141,8 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
|
|||||||
style,
|
style,
|
||||||
}: ElementProps<TableRowData, TableRowKey> & StyleProps) => {
|
}: ElementProps<TableRowData, TableRowKey> & StyleProps) => {
|
||||||
const [selectedKeys, setSelectedKeys] = useState(new Set<TableRowKey>());
|
const [selectedKeys, setSelectedKeys] = useState(new Set<TableRowKey>());
|
||||||
|
const [numRowsToShow, setNumRowsToShow] = useState(initialNumRowsToShow);
|
||||||
|
const enableViewMore = numRowsToShow !== undefined;
|
||||||
|
|
||||||
const currentBreakpoints = useBreakpoints();
|
const currentBreakpoints = useBreakpoints();
|
||||||
const shownColumns = columns.filter(
|
const shownColumns = columns.filter(
|
||||||
@@ -161,10 +169,7 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
|
|||||||
? // String
|
? // String
|
||||||
collator.compare(first as string, second as string)
|
collator.compare(first as string, second as string)
|
||||||
: // Number
|
: // Number
|
||||||
Math.sign(
|
MustBigNumber(first).comparedTo(MustBigNumber(second))) *
|
||||||
(parseInt(first as string) || (first as number)) -
|
|
||||||
(parseInt(second as string) || (second as number))
|
|
||||||
)) *
|
|
||||||
// Flip the direction if descending order is specified.
|
// Flip the direction if descending order is specified.
|
||||||
(sortDirection === 'descending' ? -1 : 1)
|
(sortDirection === 'descending' ? -1 : 1)
|
||||||
);
|
);
|
||||||
@@ -211,6 +216,12 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
|
|||||||
onRowAction &&
|
onRowAction &&
|
||||||
((key: TableRowKey) => onRowAction(key, data.find((row) => getRowKey(row) === key)!))
|
((key: TableRowKey) => onRowAction(key, data.find((row) => getRowKey(row) === key)!))
|
||||||
}
|
}
|
||||||
|
numColumns={shownColumns.length}
|
||||||
|
onViewMoreClick={
|
||||||
|
enableViewMore && numRowsToShow < data.length
|
||||||
|
? () => setNumRowsToShow(data.length)
|
||||||
|
: undefined
|
||||||
|
}
|
||||||
// shouldRowRender={shouldRowRender}
|
// shouldRowRender={shouldRowRender}
|
||||||
hideHeader={hideHeader}
|
hideHeader={hideHeader}
|
||||||
withGradientCardRows={withGradientCardRows}
|
withGradientCardRows={withGradientCardRows}
|
||||||
@@ -235,7 +246,7 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
|
|||||||
)}
|
)}
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
|
|
||||||
<TableBody items={list.items}>
|
<TableBody items={enableViewMore ? list.items.slice(0, numRowsToShow) : list.items}>
|
||||||
{(item) => (
|
{(item) => (
|
||||||
<Row key={getRowKey(item)}>
|
<Row key={getRowKey(item)}>
|
||||||
{(columnKey) => (
|
{(columnKey) => (
|
||||||
@@ -269,6 +280,8 @@ const TableRoot = <TableRowData extends object | CustomRowConfig, TableRowKey ex
|
|||||||
onRowAction?: (key: TableRowKey) => void;
|
onRowAction?: (key: TableRowKey) => void;
|
||||||
// shouldRowRender?: (prevRowData: object, currentRowData: object) => boolean;
|
// shouldRowRender?: (prevRowData: object, currentRowData: object) => boolean;
|
||||||
children: CollectionChildren<TableRowData>;
|
children: CollectionChildren<TableRowData>;
|
||||||
|
numColumns: number;
|
||||||
|
onViewMoreClick?: () => void;
|
||||||
|
|
||||||
hideHeader?: boolean;
|
hideHeader?: boolean;
|
||||||
withGradientCardRows?: boolean;
|
withGradientCardRows?: boolean;
|
||||||
@@ -278,7 +291,7 @@ const TableRoot = <TableRowData extends object | CustomRowConfig, TableRowKey ex
|
|||||||
withScrollSnapColumns?: boolean;
|
withScrollSnapColumns?: boolean;
|
||||||
withScrollSnapRows?: boolean;
|
withScrollSnapRows?: boolean;
|
||||||
}) => {
|
}) => {
|
||||||
const { selectionMode, selectionBehavior } = props;
|
const { selectionMode, selectionBehavior, numColumns, onViewMoreClick } = props;
|
||||||
|
|
||||||
const state = useTableState<TableRowData>({
|
const state = useTableState<TableRowData>({
|
||||||
...props,
|
...props,
|
||||||
@@ -339,6 +352,7 @@ const TableRoot = <TableRowData extends object | CustomRowConfig, TableRowKey ex
|
|||||||
<TableBodyRowGroup
|
<TableBodyRowGroup
|
||||||
withGradientCardRows={props.withGradientCardRows}
|
withGradientCardRows={props.withGradientCardRows}
|
||||||
withInnerBorders={props.withInnerBorders}
|
withInnerBorders={props.withInnerBorders}
|
||||||
|
withOuterBorder={props.withOuterBorder}
|
||||||
>
|
>
|
||||||
{/* {Array.from(collection.getChildren!(collection.body.key), (row) => */}
|
{/* {Array.from(collection.getChildren!(collection.body.key), (row) => */}
|
||||||
{[...collection.body.childNodes].map((row) =>
|
{[...collection.body.childNodes].map((row) =>
|
||||||
@@ -384,6 +398,9 @@ const TableRoot = <TableRowData extends object | CustomRowConfig, TableRowKey ex
|
|||||||
</TableRow>
|
</TableRow>
|
||||||
)
|
)
|
||||||
)}
|
)}
|
||||||
|
{onViewMoreClick ? (
|
||||||
|
<ViewMoreRow colSpan={numColumns} onClick={onViewMoreClick} />
|
||||||
|
) : undefined}
|
||||||
</TableBodyRowGroup>
|
</TableBodyRowGroup>
|
||||||
</Styled.Table>
|
</Styled.Table>
|
||||||
);
|
);
|
||||||
@@ -417,6 +434,7 @@ const TableBodyRowGroup = ({
|
|||||||
children,
|
children,
|
||||||
withGradientCardRows,
|
withGradientCardRows,
|
||||||
withInnerBorders,
|
withInnerBorders,
|
||||||
|
withOuterBorder,
|
||||||
}: { children: React.ReactNode } & StyleProps) => {
|
}: { children: React.ReactNode } & StyleProps) => {
|
||||||
const { rowGroupProps } = useTableRowGroup();
|
const { rowGroupProps } = useTableRowGroup();
|
||||||
|
|
||||||
@@ -425,6 +443,7 @@ const TableBodyRowGroup = ({
|
|||||||
{...rowGroupProps}
|
{...rowGroupProps}
|
||||||
withGradientCardRows={withGradientCardRows}
|
withGradientCardRows={withGradientCardRows}
|
||||||
withInnerBorders={withInnerBorders}
|
withInnerBorders={withInnerBorders}
|
||||||
|
withOuterBorder={withOuterBorder}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
</Styled.Tbody>
|
</Styled.Tbody>
|
||||||
@@ -491,6 +510,23 @@ const TableColumnHeader = <TableRowData extends object>({
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const ViewMoreRow = ({ colSpan, onClick }: { colSpan: number; onClick: () => void }) => {
|
||||||
|
const stringGetter = useStringGetter();
|
||||||
|
return (
|
||||||
|
<Styled.Tr key="viewmore">
|
||||||
|
<Styled.Td
|
||||||
|
colSpan={colSpan}
|
||||||
|
onMouseDown={(e: MouseEvent) => e.preventDefault()}
|
||||||
|
onPointerDown={(e: MouseEvent) => e.preventDefault()}
|
||||||
|
>
|
||||||
|
<Styled.ViewMoreButton slotRight={<CaretIcon />} onClick={onClick}>
|
||||||
|
{stringGetter({ key: STRING_KEYS.VIEW_MORE })}
|
||||||
|
</Styled.ViewMoreButton>
|
||||||
|
</Styled.Td>
|
||||||
|
</Styled.Tr>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
export const TableRow = <TableRowData extends object>({
|
export const TableRow = <TableRowData extends object>({
|
||||||
item,
|
item,
|
||||||
children,
|
children,
|
||||||
@@ -662,7 +698,7 @@ Styled.Empty = styled.div<{ withOuterBorder: boolean }>`
|
|||||||
|
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
padding: 2rem;
|
padding: 4rem;
|
||||||
gap: 0.75em;
|
gap: 0.75em;
|
||||||
|
|
||||||
color: var(--color-text-0);
|
color: var(--color-text-0);
|
||||||
@@ -870,6 +906,18 @@ Styled.Tbody = styled.tbody<StyleProps>`
|
|||||||
--stickyArea2-paddingLeft: var(--border-width);
|
--stickyArea2-paddingLeft: var(--border-width);
|
||||||
--stickyArea2-paddingRight: var(--border-width);
|
--stickyArea2-paddingRight: var(--border-width);
|
||||||
|
|
||||||
|
tr:first-of-type {
|
||||||
|
box-shadow: 0 calc(var(--border-width)) 0 0 var(--border-color);
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
|
||||||
|
${({ withOuterBorder }) =>
|
||||||
|
withOuterBorder &&
|
||||||
|
css`
|
||||||
|
tr:last-of-type:not(:only-of-type) {
|
||||||
|
box-shadow: 0 calc(-1 * var(--border-width)) 0 0 var(--border-color);
|
||||||
|
}
|
||||||
|
|
||||||
tr:first-of-type {
|
tr:first-of-type {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
@@ -924,3 +972,15 @@ Styled.Row = styled.div`
|
|||||||
${layoutMixins.inlineRow}
|
${layoutMixins.inlineRow}
|
||||||
padding: var(--tableCell-padding);
|
padding: var(--tableCell-padding);
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
Styled.ViewMoreButton = styled(Button)`
|
||||||
|
--button-backgroundColor: var(--color-layer-2);
|
||||||
|
--button-textColor: var(--color-text-1);
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
width: 0.675rem;
|
||||||
|
margin-left: 0.5ch;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|||||||
@@ -21,6 +21,7 @@ export type TabItem<TabItemsValue> = {
|
|||||||
content?: React.ReactNode;
|
content?: React.ReactNode;
|
||||||
subitems?: TabItem<TabItemsValue>[];
|
subitems?: TabItem<TabItemsValue>[];
|
||||||
customTrigger?: ReactNode;
|
customTrigger?: ReactNode;
|
||||||
|
asChild?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
type ElementProps<TabItemsValue> = {
|
type ElementProps<TabItemsValue> = {
|
||||||
@@ -41,6 +42,8 @@ type StyleProps = {
|
|||||||
className?: string;
|
className?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type TabsProps<TabItemsValue> = ElementProps<TabItemsValue> & StyleProps;
|
||||||
|
|
||||||
export const Tabs = <TabItemsValue extends string>({
|
export const Tabs = <TabItemsValue extends string>({
|
||||||
defaultValue,
|
defaultValue,
|
||||||
value,
|
value,
|
||||||
@@ -107,9 +110,10 @@ export const Tabs = <TabItemsValue extends string>({
|
|||||||
sharedContent
|
sharedContent
|
||||||
) : (
|
) : (
|
||||||
<Styled.Stack>
|
<Styled.Stack>
|
||||||
{items.map(({ value, content, forceMount }) => (
|
{items.map(({ asChild, value, content, forceMount }) => (
|
||||||
<Styled.Content
|
<Styled.Content
|
||||||
key={value}
|
key={value}
|
||||||
|
asChild={asChild}
|
||||||
value={value}
|
value={value}
|
||||||
forceMount={forceMount}
|
forceMount={forceMount}
|
||||||
$hide={forceMount && currentItem?.value !== value}
|
$hide={forceMount && currentItem?.value !== value}
|
||||||
@@ -242,7 +246,6 @@ Styled.Trigger = styled(Trigger)<{ $withBorders?: boolean }>`
|
|||||||
|
|
||||||
Styled.Stack = styled.div`
|
Styled.Stack = styled.div`
|
||||||
${layoutMixins.stack}
|
${layoutMixins.stack}
|
||||||
${layoutMixins.perspectiveArea}
|
|
||||||
|
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -8,6 +8,7 @@ import { Button, type ButtonStateConfig, type ButtonProps } from '@/components/B
|
|||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
timeoutInSeconds: number;
|
timeoutInSeconds: number;
|
||||||
|
slotFinal?: ReactNode;
|
||||||
} & ButtonProps;
|
} & ButtonProps;
|
||||||
|
|
||||||
export type TimeoutButtonProps = ElementProps;
|
export type TimeoutButtonProps = ElementProps;
|
||||||
@@ -15,6 +16,7 @@ export type TimeoutButtonProps = ElementProps;
|
|||||||
export const TimeoutButton = ({
|
export const TimeoutButton = ({
|
||||||
children,
|
children,
|
||||||
timeoutInSeconds,
|
timeoutInSeconds,
|
||||||
|
slotFinal,
|
||||||
...otherProps
|
...otherProps
|
||||||
}: TimeoutButtonProps) => {
|
}: TimeoutButtonProps) => {
|
||||||
const [timeoutDeadline] = useState(Date.now() + timeoutInSeconds * 1000);
|
const [timeoutDeadline] = useState(Date.now() + timeoutInSeconds * 1000);
|
||||||
@@ -23,6 +25,8 @@ export const TimeoutButton = ({
|
|||||||
|
|
||||||
const secondsLeft = Math.max(0, (timeoutDeadline - now) / 1000);
|
const secondsLeft = Math.max(0, (timeoutDeadline - now) / 1000);
|
||||||
|
|
||||||
|
if (slotFinal && secondsLeft <= 0) return slotFinal;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Button
|
<Button
|
||||||
{...otherProps}
|
{...otherProps}
|
||||||
|
|||||||
@@ -29,7 +29,6 @@ const $ToastArea = styled.aside`
|
|||||||
--toasts-gap: 0.5rem;
|
--toasts-gap: 0.5rem;
|
||||||
|
|
||||||
// Rules
|
// Rules
|
||||||
${layoutMixins.scrollArea}
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|||||||
@@ -2,9 +2,9 @@ import styled, { type AnyStyledComponent } from 'styled-components';
|
|||||||
|
|
||||||
import { type RiskLevels } from '@/constants/abacus';
|
import { type RiskLevels } from '@/constants/abacus';
|
||||||
|
|
||||||
import { UsageColorFromRiskLevel } from '@/styles/colors';
|
|
||||||
|
|
||||||
import { abacusHelper } from '@/lib/abacus';
|
import { abacusHelper } from '@/lib/abacus';
|
||||||
|
import { UsageColorFromRiskLevel } from '@/lib/styles';
|
||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
value: number;
|
value: number;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -40,5 +40,5 @@ Styled.Details = styled(Details)`
|
|||||||
|
|
||||||
padding: 0.375rem 0.75rem 0.25rem;
|
padding: 0.375rem 0.75rem 0.25rem;
|
||||||
|
|
||||||
font-size: 0.8125em;
|
font-size: var(--details-item-fontSize, 0.8125em);
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -110,12 +110,7 @@ Styled.Abbr = styled.abbr`
|
|||||||
|
|
||||||
Styled.Content = styled(Content)`
|
Styled.Content = styled(Content)`
|
||||||
--tooltip-backgroundColor: var(--color-layer-4);
|
--tooltip-backgroundColor: var(--color-layer-4);
|
||||||
--tooltip-backgroundColor: hsl(
|
--tooltip-backgroundColor: ${({ theme }) => theme.tooltipBackground};
|
||||||
var(--layer-base-hue),
|
|
||||||
var(--layer-base-saturation),
|
|
||||||
calc(var(--layer-base-lightness) + 4%),
|
|
||||||
0.66
|
|
||||||
);
|
|
||||||
|
|
||||||
${popoverMixins.popover}
|
${popoverMixins.popover}
|
||||||
--popover-backgroundColor: var(--tooltip-backgroundColor);
|
--popover-backgroundColor: var(--tooltip-backgroundColor);
|
||||||
|
|||||||
@@ -27,12 +27,7 @@ Styled.TooltipContent = styled.aside<{ accentColor?: string }>`
|
|||||||
|
|
||||||
${popoverMixins.popover}
|
${popoverMixins.popover}
|
||||||
--popover-radius: 0.5rem;
|
--popover-radius: 0.5rem;
|
||||||
--popover-background-color: hsl(
|
--popover-background-color: ${({ theme }) => theme.popoverBackground};
|
||||||
var(--layer-base-hue),
|
|
||||||
var(--layer-base-saturation),
|
|
||||||
calc(var(--layer-base-lightness)),
|
|
||||||
0.9
|
|
||||||
);
|
|
||||||
--popover-backdrop-filter: saturate(120%) blur(12px);
|
--popover-backdrop-filter: saturate(120%) blur(12px);
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -1,26 +1,33 @@
|
|||||||
import React, { useContext, useState } from 'react';
|
import React, { PropsWithChildren, useContext, useState } from 'react';
|
||||||
|
|
||||||
import { Point } from '@visx/point';
|
import { Point } from '@visx/point';
|
||||||
import { localPoint } from '@visx/event';
|
import { localPoint } from '@visx/event';
|
||||||
import { XYChart, DataContext } from '@visx/xychart';
|
import { XYChart, DataContext, type EventHandlerParams } from '@visx/xychart';
|
||||||
import { getScaleBandwidth } from '@/components/visx/getScaleBandwidth';
|
import { getScaleBandwidth } from '@/components/visx/getScaleBandwidth';
|
||||||
|
|
||||||
export const XYChartWithPointerEvents = ({
|
export const XYChartWithPointerEvents = ({
|
||||||
onPointerMove, onPointerUp, onPointerPressedChange, ...props
|
onPointerMove,
|
||||||
|
onPointerUp,
|
||||||
|
onPointerPressedChange,
|
||||||
|
...props
|
||||||
}: {
|
}: {
|
||||||
onPointerMove?: (point: Point) => void;
|
onPointerMove?: (point: Point | EventHandlerParams<object>) => void;
|
||||||
onPointerUp?: (point: Point) => void;
|
onPointerUp?: (point: Point | EventHandlerParams<object>) => void;
|
||||||
onPointerPressedChange?: (isPointerPressed: boolean) => void;
|
onPointerPressedChange?: (isPointerPressed: boolean) => void;
|
||||||
} & React.PropsWithChildren<Parameters<typeof XYChart>>) => {
|
} & PropsWithChildren<Parameters<typeof XYChart>[0]>) => {
|
||||||
const { xScale, yScale } = useContext(DataContext);
|
const { xScale, yScale } = useContext(DataContext);
|
||||||
|
|
||||||
const [lastPointerMoveEvent, setLastPointerMoveEvent] = useState<React.PointerEvent>();
|
const [lastPointerMoveEvent, setLastPointerMoveEvent] = useState<React.PointerEvent>();
|
||||||
|
|
||||||
const pointerContainerPosition = lastPointerMoveEvent ? localPoint(lastPointerMoveEvent) : null;
|
const pointerContainerPosition = lastPointerMoveEvent ? localPoint(lastPointerMoveEvent) : null;
|
||||||
|
|
||||||
const pointerChartPosition = xScale && yScale && pointerContainerPosition &&
|
const pointerChartPosition =
|
||||||
|
xScale &&
|
||||||
|
yScale &&
|
||||||
|
pointerContainerPosition &&
|
||||||
new Point({
|
new Point({
|
||||||
|
// @ts-expect-error invert supposedly doesn't exist on AxisScale
|
||||||
x: xScale.invert(pointerContainerPosition?.x - getScaleBandwidth(xScale) / 2),
|
x: xScale.invert(pointerContainerPosition?.x - getScaleBandwidth(xScale) / 2),
|
||||||
|
// @ts-expect-error invert supposedly doesn't exist on AxisScale
|
||||||
y: yScale.invert(pointerContainerPosition?.y - getScaleBandwidth(yScale) / 2),
|
y: yScale.invert(pointerContainerPosition?.y - getScaleBandwidth(yScale) / 2),
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -29,15 +36,13 @@ export const XYChartWithPointerEvents = ({
|
|||||||
{...props}
|
{...props}
|
||||||
onPointerMove={({ event }) => {
|
onPointerMove={({ event }) => {
|
||||||
setLastPointerMoveEvent(event as React.PointerEvent);
|
setLastPointerMoveEvent(event as React.PointerEvent);
|
||||||
if (pointerChartPosition)
|
if (pointerChartPosition) onPointerMove?.(pointerChartPosition);
|
||||||
onPointerMove?.(pointerChartPosition);
|
|
||||||
}}
|
}}
|
||||||
onPointerOut={() => setLastPointerMoveEvent(undefined)}
|
onPointerOut={() => setLastPointerMoveEvent(undefined)}
|
||||||
onPointerDown={() => onPointerPressedChange?.(true)}
|
onPointerDown={() => onPointerPressedChange?.(true)}
|
||||||
onPointerUp={() => {
|
onPointerUp={() => {
|
||||||
onPointerPressedChange?.(false);
|
onPointerPressedChange?.(false);
|
||||||
if (pointerChartPosition)
|
if (pointerChartPosition) onPointerUp?.(pointerChartPosition);
|
||||||
onPointerUp?.(pointerChartPosition);
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{props.children}
|
{props.children}
|
||||||
|
|||||||
@@ -142,7 +142,7 @@ const historicalPnlPeriod = [...HistoricalPnlPeriod.values()] as const;
|
|||||||
export type HistoricalPnlPeriods = (typeof historicalPnlPeriod)[number];
|
export type HistoricalPnlPeriods = (typeof historicalPnlPeriod)[number];
|
||||||
|
|
||||||
// ------ Transfer Items ------ //
|
// ------ Transfer Items ------ //
|
||||||
export const TransferInputField = Abacus.exchange.dydx.abacus.state.modal.TransferInputField;
|
export const TransferInputField = Abacus.exchange.dydx.abacus.state.model.TransferInputField;
|
||||||
const transferInputFields = [...TransferInputField.values()] as const;
|
const transferInputFields = [...TransferInputField.values()] as const;
|
||||||
export type TransferInputFields = (typeof transferInputFields)[number];
|
export type TransferInputFields = (typeof transferInputFields)[number];
|
||||||
|
|
||||||
@@ -151,7 +151,7 @@ const transferTypes = [...TransferType.values()] as const;
|
|||||||
export type TransferTypes = (typeof transferTypes)[number];
|
export type TransferTypes = (typeof transferTypes)[number];
|
||||||
|
|
||||||
// ------ Trade Items ------ //
|
// ------ Trade Items ------ //
|
||||||
export const TradeInputField = Abacus.exchange.dydx.abacus.state.modal.TradeInputField;
|
export const TradeInputField = Abacus.exchange.dydx.abacus.state.model.TradeInputField;
|
||||||
const tradeInputFields = [...TradeInputField.values()] as const;
|
const tradeInputFields = [...TradeInputField.values()] as const;
|
||||||
export type TradeInputFields = (typeof tradeInputFields)[number];
|
export type TradeInputFields = (typeof tradeInputFields)[number];
|
||||||
|
|
||||||
@@ -162,7 +162,7 @@ export type TradeState<T> = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const ClosePositionInputField =
|
export const ClosePositionInputField =
|
||||||
Abacus.exchange.dydx.abacus.state.modal.ClosePositionInputField;
|
Abacus.exchange.dydx.abacus.state.model.ClosePositionInputField;
|
||||||
|
|
||||||
const closePositionInputFields = [...ClosePositionInputField.values()] as const;
|
const closePositionInputFields = [...ClosePositionInputField.values()] as const;
|
||||||
export type ClosePositionInputFields = (typeof closePositionInputFields)[number];
|
export type ClosePositionInputFields = (typeof closePositionInputFields)[number];
|
||||||
@@ -282,13 +282,22 @@ export const TRADE_TYPES: Record<
|
|||||||
[AbacusOrderType.takeProfitMarket.rawValue]: TradeTypes.TAKE_PROFIT_MARKET,
|
[AbacusOrderType.takeProfitMarket.rawValue]: TradeTypes.TAKE_PROFIT_MARKET,
|
||||||
|
|
||||||
[AbacusOrderType.liquidated.name]: null,
|
[AbacusOrderType.liquidated.name]: null,
|
||||||
[AbacusOrderType.liquidation.name]: null,
|
[AbacusOrderType.liquidated.rawValue]: null,
|
||||||
|
|
||||||
[AbacusOrderType.liquidation.name]: null,
|
[AbacusOrderType.liquidation.name]: null,
|
||||||
[AbacusOrderType.liquidation.rawValue]: null,
|
[AbacusOrderType.liquidation.rawValue]: null,
|
||||||
|
|
||||||
[AbacusOrderType.trailingStop.name]: null,
|
[AbacusOrderType.trailingStop.name]: null,
|
||||||
[AbacusOrderType.trailingStop.rawValue]: null,
|
[AbacusOrderType.trailingStop.rawValue]: null,
|
||||||
|
|
||||||
|
[AbacusOrderType.offsetting.name]: null,
|
||||||
|
[AbacusOrderType.offsetting.rawValue]: null,
|
||||||
|
|
||||||
|
[AbacusOrderType.deleveraged.name]: null,
|
||||||
|
[AbacusOrderType.deleveraged.rawValue]: null,
|
||||||
|
|
||||||
|
[AbacusOrderType.finalSettlement.name]: null,
|
||||||
|
[AbacusOrderType.finalSettlement.rawValue]: null,
|
||||||
};
|
};
|
||||||
|
|
||||||
// Custom types involving Abacus
|
// Custom types involving Abacus
|
||||||
@@ -307,3 +316,9 @@ export type NetworkConfig = Partial<{
|
|||||||
}>;
|
}>;
|
||||||
|
|
||||||
export type ConnectNetworkEvent = CustomEvent<Partial<NetworkConfig>>;
|
export type ConnectNetworkEvent = CustomEvent<Partial<NetworkConfig>>;
|
||||||
|
|
||||||
|
export type PerpetualMarketOrderbookLevel = OrderbookLine & {
|
||||||
|
side?: 'ask' | 'bid';
|
||||||
|
mine: number;
|
||||||
|
key: string;
|
||||||
|
};
|
||||||
|
|||||||
@@ -96,6 +96,7 @@ export type AnalyticsEventData<T extends AnalyticsEvent> =
|
|||||||
elapsedTime?: number;
|
elapsedTime?: number;
|
||||||
blockHeight?: number;
|
blockHeight?: number;
|
||||||
indexerBlockHeight?: number;
|
indexerBlockHeight?: number;
|
||||||
|
trailingBlocks?: number;
|
||||||
}
|
}
|
||||||
: // Navigation
|
: // Navigation
|
||||||
T extends AnalyticsEvent.NavigatePage
|
T extends AnalyticsEvent.NavigatePage
|
||||||
|
|||||||
@@ -0,0 +1,40 @@
|
|||||||
|
import { OrderSide } from '@dydxprotocol/v4-client-js';
|
||||||
|
import { FundingDirection } from './markets';
|
||||||
|
|
||||||
|
// ------ Depth Chart ------ //
|
||||||
|
export enum DepthChartSeries {
|
||||||
|
Asks = 'Asks',
|
||||||
|
Bids = 'Bids',
|
||||||
|
MidMarket = 'MidMarket',
|
||||||
|
}
|
||||||
|
|
||||||
|
export type DepthChartDatum = {
|
||||||
|
size: number;
|
||||||
|
price: number;
|
||||||
|
depth: number;
|
||||||
|
seriesKey: DepthChartSeries;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type DepthChartPoint = {
|
||||||
|
side: OrderSide;
|
||||||
|
price: number;
|
||||||
|
size: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const SERIES_KEY_FOR_ORDER_SIDE = {
|
||||||
|
[OrderSide.BUY]: DepthChartSeries.Bids,
|
||||||
|
[OrderSide.SELL]: DepthChartSeries.Asks,
|
||||||
|
};
|
||||||
|
|
||||||
|
// ------ Funding Chart ------ //
|
||||||
|
export enum FundingRateResolution {
|
||||||
|
OneHour = 'OneHour',
|
||||||
|
EightHour = 'EightHour',
|
||||||
|
Annualized = 'Annualized',
|
||||||
|
}
|
||||||
|
|
||||||
|
export type FundingChartDatum = {
|
||||||
|
time: number;
|
||||||
|
fundingRate: number;
|
||||||
|
direction: FundingDirection;
|
||||||
|
};
|
||||||
@@ -19,6 +19,8 @@ export enum DialogTypes {
|
|||||||
Transfer = 'Transfer',
|
Transfer = 'Transfer',
|
||||||
Withdraw = 'Withdraw',
|
Withdraw = 'Withdraw',
|
||||||
ManageFunds = 'ManageFunds',
|
ManageFunds = 'ManageFunds',
|
||||||
|
NewMarketMessageDetails = 'NewMarketMessageDetails',
|
||||||
|
NewMarketAgreement = 'NewMarketAgreement',
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum TradeBoxDialogTypes {
|
export enum TradeBoxDialogTypes {
|
||||||
|
|||||||
@@ -0,0 +1,23 @@
|
|||||||
|
/**
|
||||||
|
* Temporary Indexer types
|
||||||
|
* remove when Indexer type lib is available through @dydxprotocol/v4-client-js
|
||||||
|
*/
|
||||||
|
export type PerpetualMarketResponse = {
|
||||||
|
clobPairId: string;
|
||||||
|
ticker: string;
|
||||||
|
status: string;
|
||||||
|
oraclePrice: string;
|
||||||
|
priceChange24H: string;
|
||||||
|
volume24H: string;
|
||||||
|
trades24H: number;
|
||||||
|
nextFundingRate: string;
|
||||||
|
initialMarginFraction: string;
|
||||||
|
maintenanceMarginFraction: string;
|
||||||
|
openInterest: string;
|
||||||
|
atomicResolution: number;
|
||||||
|
quantumConversionExponent: number;
|
||||||
|
tickSize: string;
|
||||||
|
stepSize: string;
|
||||||
|
stepBaseQuantums: number;
|
||||||
|
subticksPerTick: number;
|
||||||
|
};
|
||||||
@@ -25,40 +25,5 @@ export const DEFAULT_MARKETID = 'ETH-USD';
|
|||||||
export enum FundingDirection {
|
export enum FundingDirection {
|
||||||
ToShort = 'ToShort',
|
ToShort = 'ToShort',
|
||||||
ToLong = 'ToLong',
|
ToLong = 'ToLong',
|
||||||
|
None = 'None',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const MARKETS_TO_DISPLAY = [
|
|
||||||
'BTC-USD',
|
|
||||||
'ETH-USD',
|
|
||||||
'LINK-USD',
|
|
||||||
'SOL-USD',
|
|
||||||
'MATIC-USD',
|
|
||||||
'ATOM-USD',
|
|
||||||
'AVAX-USD',
|
|
||||||
'APE-USD',
|
|
||||||
'XRP-USD',
|
|
||||||
'UNI-USD',
|
|
||||||
'ADA-USD',
|
|
||||||
'TRX-USD',
|
|
||||||
'OP-USD',
|
|
||||||
'MKR-USD',
|
|
||||||
'DOGE-USD',
|
|
||||||
'SHIB-USD',
|
|
||||||
'COMP-USD',
|
|
||||||
'LDO-USD',
|
|
||||||
'NEAR-USD',
|
|
||||||
'APT-USD',
|
|
||||||
'SUI-USD',
|
|
||||||
'DOT-USD',
|
|
||||||
'ETC-USD',
|
|
||||||
'ARB-USD',
|
|
||||||
'CRV-USD',
|
|
||||||
'BLUR-USD',
|
|
||||||
'FIL-USD',
|
|
||||||
'XLM-USD',
|
|
||||||
'PEPE-USD',
|
|
||||||
'WLD-USD',
|
|
||||||
'SEI-USD',
|
|
||||||
'LTC-USD',
|
|
||||||
'BCH-USD',
|
|
||||||
];
|
|
||||||
|
|||||||
@@ -87,6 +87,8 @@ export type NotificationDisplayData = {
|
|||||||
slotTitleLeft?: React.ReactNode;
|
slotTitleLeft?: React.ReactNode;
|
||||||
slotTitleRight?: React.ReactNode;
|
slotTitleRight?: React.ReactNode;
|
||||||
|
|
||||||
|
groupKey: string; // Grouping key toast notification stacking
|
||||||
|
|
||||||
// Overrides title/body for Notification in NotificationMenu
|
// Overrides title/body for Notification in NotificationMenu
|
||||||
renderCustomBody?: ({
|
renderCustomBody?: ({
|
||||||
isToast,
|
isToast,
|
||||||
@@ -122,9 +124,15 @@ export type NotificationDisplayData = {
|
|||||||
toastDuration?: number;
|
toastDuration?: number;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export enum TransferNotificationTypes {
|
||||||
|
Withdrawal = 'withdrawal',
|
||||||
|
Deposit = 'deposit',
|
||||||
|
}
|
||||||
|
|
||||||
// Notification types
|
// Notification types
|
||||||
export type TransferNotifcation = {
|
export type TransferNotifcation = {
|
||||||
txHash: string;
|
txHash: string;
|
||||||
|
type?: TransferNotificationTypes;
|
||||||
toChainId?: string;
|
toChainId?: string;
|
||||||
fromChainId?: string;
|
fromChainId?: string;
|
||||||
toAmount?: number;
|
toAmount?: number;
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ export const LEVERAGE_DECIMALS = 2;
|
|||||||
export const TOKEN_DECIMALS = 4;
|
export const TOKEN_DECIMALS = 4;
|
||||||
export const LARGE_TOKEN_DECIMALS = 2;
|
export const LARGE_TOKEN_DECIMALS = 2;
|
||||||
export const FEE_DECIMALS = 3;
|
export const FEE_DECIMALS = 3;
|
||||||
|
export const FUNDING_DECIMALS = 6;
|
||||||
|
|
||||||
export const QUANTUM_MULTIPLIER = 1_000_000;
|
export const QUANTUM_MULTIPLIER = 1_000_000;
|
||||||
|
|
||||||
@@ -18,3 +19,7 @@ export enum NumberSign {
|
|||||||
Negative = 'Negative',
|
Negative = 'Negative',
|
||||||
Neutral = 'Neutral',
|
Neutral = 'Neutral',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Deposit/Withdraw
|
||||||
|
export const MAX_CCTP_TRANSFER_AMOUNT = 1_000_000;
|
||||||
|
export const MAX_PRICE_IMPACT = 0.02; // 2%
|
||||||
|
|||||||
@@ -0,0 +1,15 @@
|
|||||||
|
/**
|
||||||
|
* @description Orderbook display constants
|
||||||
|
*/
|
||||||
|
export const ORDERBOOK_MAX_ROWS_PER_SIDE = 30;
|
||||||
|
export const ORDERBOOK_ANIMATION_DURATION = 400;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Orderbook pixel constants
|
||||||
|
* @note ORDERBOOK_ROW_HEIGHT should be a divisor of ORDERBOOK_HEIGHT so that we do not have a partial row at the bottom
|
||||||
|
* @note To change the Orderbook width, --orderbook-trades-width and ORDERBOOK_WIDTH must be changed to the same value
|
||||||
|
*/
|
||||||
|
export const ORDERBOOK_HEIGHT = 800;
|
||||||
|
export const ORDERBOOK_WIDTH = 300;
|
||||||
|
export const ORDERBOOK_ROW_HEIGHT = 24;
|
||||||
|
export const ORDERBOOK_ROW_PADDING_RIGHT = 8;
|
||||||
@@ -0,0 +1,85 @@
|
|||||||
|
export type ExchangeConfigParsedCsv = Array<{
|
||||||
|
base_asset: string;
|
||||||
|
exchange: string;
|
||||||
|
pair: string;
|
||||||
|
|
||||||
|
adjust_by_market: string;
|
||||||
|
min_2_depth: string;
|
||||||
|
avg_30d_vol: string;
|
||||||
|
reference_price: string;
|
||||||
|
risk_assessment: string;
|
||||||
|
num_oracles: string;
|
||||||
|
liquidity_tier: string;
|
||||||
|
asset_name: string;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
export type ExchangeConfigItem = {
|
||||||
|
exchangeName: string;
|
||||||
|
ticker: string;
|
||||||
|
adjustByMarket?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type PotentialMarketParsedCsv = Array<{
|
||||||
|
base_asset: string;
|
||||||
|
reference_price: string;
|
||||||
|
num_oracles: string;
|
||||||
|
liquidity_tier: string;
|
||||||
|
asset_name: string;
|
||||||
|
p: string;
|
||||||
|
atomic_resolution: string;
|
||||||
|
min_exchanges: string;
|
||||||
|
min_price_change_ppm: string;
|
||||||
|
price_exponent: string;
|
||||||
|
step_base_quantum: string;
|
||||||
|
ticksize_exponent: string;
|
||||||
|
subticks_per_tick: string;
|
||||||
|
min_order_size: string;
|
||||||
|
quantum_conversion_exponent: string;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
export type PotentialMarketItem = {
|
||||||
|
baseAsset: string;
|
||||||
|
referencePrice: string;
|
||||||
|
numOracles: number;
|
||||||
|
liquidityTier: number;
|
||||||
|
assetName: string;
|
||||||
|
p: number;
|
||||||
|
atomicResolution: number;
|
||||||
|
minExchanges: number;
|
||||||
|
minPriceChangePpm: number;
|
||||||
|
priceExponent: number;
|
||||||
|
stepBaseQuantum: number;
|
||||||
|
ticksizeExponent: number;
|
||||||
|
subticksPerTick: number;
|
||||||
|
minOrderSize: number;
|
||||||
|
quantumConversionExponent: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const NUM_ORACLES_TO_QUALIFY_AS_SAFE = 6;
|
||||||
|
|
||||||
|
export const LIQUIDITY_TIERS = {
|
||||||
|
0: {
|
||||||
|
label: 'Large-cap',
|
||||||
|
initialMarginFraction: 0.05,
|
||||||
|
maintenanceMarginFraction: 0.03,
|
||||||
|
impactNotional: 10_000,
|
||||||
|
},
|
||||||
|
1: {
|
||||||
|
label: 'Mid-cap',
|
||||||
|
initialMarginFraction: 0.1,
|
||||||
|
maintenanceMarginFraction: 0.05,
|
||||||
|
impactNotional: 5_000,
|
||||||
|
},
|
||||||
|
2: {
|
||||||
|
label: 'Long-tail',
|
||||||
|
initialMarginFraction: 0.2,
|
||||||
|
maintenanceMarginFraction: 0.1,
|
||||||
|
impactNotional: 2_500,
|
||||||
|
},
|
||||||
|
3: {
|
||||||
|
label: 'Safety',
|
||||||
|
initialMarginFraction: 1,
|
||||||
|
maintenanceMarginFraction: 0.2,
|
||||||
|
impactNotional: 2_500,
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -11,6 +11,10 @@ export enum AppRoute {
|
|||||||
Privacy = '/privacy',
|
Privacy = '/privacy',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export enum MarketsRoute {
|
||||||
|
New = 'new',
|
||||||
|
}
|
||||||
|
|
||||||
export enum PortfolioRoute {
|
export enum PortfolioRoute {
|
||||||
Fees = 'fees',
|
Fees = 'fees',
|
||||||
History = 'history',
|
History = 'history',
|
||||||
|
|||||||
@@ -0,0 +1,70 @@
|
|||||||
|
export enum ColorToken {
|
||||||
|
Black = '#000000',
|
||||||
|
White = '#FFFFFF',
|
||||||
|
|
||||||
|
LightGray0 = '#FAFAFA',
|
||||||
|
LightGray1 = '#F7F8FA',
|
||||||
|
LightGray2 = '#FAFAFD',
|
||||||
|
LightGray3 = '#F5F5F5',
|
||||||
|
LightGray4 = '#EDF0F2',
|
||||||
|
LightGray5 = '#EDEDED',
|
||||||
|
LightGray6 = '#E9ECEE',
|
||||||
|
LightGray7 = '#E6E6E6',
|
||||||
|
LightGray8 = '#DBDBDB',
|
||||||
|
LightGray9 = '#D5DADF',
|
||||||
|
LightGray10 = '#D1D9E0',
|
||||||
|
|
||||||
|
MediumGray0 = '#CACACE',
|
||||||
|
MediumGray1 = '#C2CBD3',
|
||||||
|
|
||||||
|
DarkGray0 = '#888891',
|
||||||
|
DarkGray1 = '#737373',
|
||||||
|
DarkGray2 = '#56565C',
|
||||||
|
DarkGray3 = '#4B4B4B',
|
||||||
|
DarkGray4 = '#494950',
|
||||||
|
DarkGray5 = '#3B3B3F',
|
||||||
|
DarkGray6 = '#303033',
|
||||||
|
DarkGray7 = '#313135',
|
||||||
|
DarkGray8 = '#292929',
|
||||||
|
DarkGray9 = '#23232F',
|
||||||
|
DarkGray10 = '#212124',
|
||||||
|
DarkGray11 = '#18181B',
|
||||||
|
DarkGray12 = '#181818',
|
||||||
|
DarkGray13 = '#0C0C0D',
|
||||||
|
|
||||||
|
GrayBlue0 = '#464659',
|
||||||
|
GrayBlue1 = '#38384D',
|
||||||
|
GrayBlue2 = '#303045',
|
||||||
|
GrayBlue3 = '#29293D',
|
||||||
|
GrayBlue4 = '#212131',
|
||||||
|
GrayBlue5 = '#181825',
|
||||||
|
GrayBlue6 = '#101018',
|
||||||
|
GrayBlue7 = '#08080C',
|
||||||
|
|
||||||
|
GrayPurple0 = '#DFDADF',
|
||||||
|
GrayPurple1 = '#C8C7D8',
|
||||||
|
GrayPurple2 = '#807E98',
|
||||||
|
|
||||||
|
Purple0 = '#7774FF',
|
||||||
|
Purple1 = '#6966FF',
|
||||||
|
|
||||||
|
Green0 = '#1AFFB9',
|
||||||
|
Green1 = '#3ED9A4',
|
||||||
|
Green2 = '#2CCC98',
|
||||||
|
Green3 = '#3EB68A',
|
||||||
|
|
||||||
|
Yellow0 = '#FFCC48',
|
||||||
|
Yellow1 = '#FFB647',
|
||||||
|
|
||||||
|
Red0 = '#FF5C5C',
|
||||||
|
Red1 = '#E76565',
|
||||||
|
Red2 = '#E45555',
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Maps opacity to corresponding hex value */
|
||||||
|
export enum OpacityToken {
|
||||||
|
Opacity16 = '29',
|
||||||
|
Opacity20 = '33',
|
||||||
|
Opacity66 = 'A8',
|
||||||
|
Opacity90 = 'E6',
|
||||||
|
}
|
||||||
@@ -0,0 +1,77 @@
|
|||||||
|
export type ThemeColors = LayerColors &
|
||||||
|
BorderColors &
|
||||||
|
TextColors &
|
||||||
|
GradientColors &
|
||||||
|
AccentColors &
|
||||||
|
StatusColors &
|
||||||
|
DirectionalColors &
|
||||||
|
RiskColors &
|
||||||
|
IconColors &
|
||||||
|
ComponentColors;
|
||||||
|
|
||||||
|
type LayerColors = {
|
||||||
|
layer0: string;
|
||||||
|
layer1: string;
|
||||||
|
layer2: string;
|
||||||
|
layer3: string;
|
||||||
|
layer4: string;
|
||||||
|
layer5: string;
|
||||||
|
layer6: string;
|
||||||
|
layer7: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type BorderColors = {
|
||||||
|
borderDefault: string;
|
||||||
|
borderDestructive: string;
|
||||||
|
borderButton: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type TextColors = {
|
||||||
|
textPrimary: string;
|
||||||
|
textSecondary: string;
|
||||||
|
textTertiary: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type GradientColors = {
|
||||||
|
gradientBase0: string;
|
||||||
|
gradientBase1: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type AccentColors = {
|
||||||
|
accent: string;
|
||||||
|
accentFaded: string;
|
||||||
|
favorite: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type StatusColors = {
|
||||||
|
success: string;
|
||||||
|
warning: string;
|
||||||
|
error: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type DirectionalColors = {
|
||||||
|
positive: string;
|
||||||
|
negative: string;
|
||||||
|
positiveFaded: string;
|
||||||
|
negativeFaded: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type RiskColors = {
|
||||||
|
riskLow: string;
|
||||||
|
riskMedium: string;
|
||||||
|
riskHigh: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type IconColors = {
|
||||||
|
logoFill: string;
|
||||||
|
profileYellow: string;
|
||||||
|
profileRed: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type ComponentColors = {
|
||||||
|
inputBackground: string;
|
||||||
|
popoverBackground: string;
|
||||||
|
switchThumbActiveBackground: string;
|
||||||
|
toggleBackground: string;
|
||||||
|
tooltipBackground: string;
|
||||||
|
};
|
||||||
@@ -1,6 +1,10 @@
|
|||||||
import { type TooltipStrings, TOOLTIP_STRING_KEYS } from '@/constants/localization';
|
import { type TooltipStrings, TOOLTIP_STRING_KEYS } from '@/constants/localization';
|
||||||
|
|
||||||
export const depositTooltips: TooltipStrings = {
|
export const depositTooltips: TooltipStrings = {
|
||||||
|
'minimum-deposit-amount': ({ stringGetter }) => ({
|
||||||
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.MINIMUM_DEPOSIT_AMOUNT_TITLE }),
|
||||||
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.MINIMUM_DEPOSIT_AMOUNT_BODY }),
|
||||||
|
}),
|
||||||
swap: ({ stringGetter }) => ({
|
swap: ({ stringGetter }) => ({
|
||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.SWAP_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.SWAP_TITLE }),
|
||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.SWAP_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.SWAP_BODY }),
|
||||||
|
|||||||
@@ -57,10 +57,9 @@ export const tradeTooltips: TooltipStrings = {
|
|||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.INDEX_PRICE_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.INDEX_PRICE_TITLE }),
|
||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.INDEX_PRICE_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.INDEX_PRICE_BODY }),
|
||||||
}),
|
}),
|
||||||
'initial-margin-fraction': ({ stringGetter, urlConfigs }) => ({
|
'initial-margin-fraction': ({ stringGetter }) => ({
|
||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.INITIAL_MARGIN_FRACTION_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.INITIAL_MARGIN_FRACTION_TITLE }),
|
||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.INITIAL_MARGIN_FRACTION_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.INITIAL_MARGIN_FRACTION_BODY }),
|
||||||
learnMoreLink: urlConfigs?.initialMarginFractionLearnMore,
|
|
||||||
}),
|
}),
|
||||||
'initial-stop': ({ stringGetter }) => ({
|
'initial-stop': ({ stringGetter }) => ({
|
||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.INITIAL_STOP_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.INITIAL_STOP_TITLE }),
|
||||||
@@ -138,6 +137,10 @@ export const tradeTooltips: TooltipStrings = {
|
|||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.POST_ONLY_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.POST_ONLY_TITLE }),
|
||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.POST_ONLY_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.POST_ONLY_BODY }),
|
||||||
}),
|
}),
|
||||||
|
'post-only-timeinforce-gtt': ({ stringGetter }) => ({
|
||||||
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.POST_ONLY_TIMEINFORCE_GTT_TITLE }),
|
||||||
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.POST_ONLY_TIMEINFORCE_GTT_BODY }),
|
||||||
|
}),
|
||||||
'price-impact': ({ stringGetter }) => ({
|
'price-impact': ({ stringGetter }) => ({
|
||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.PRICE_IMPACT_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.PRICE_IMPACT_TITLE }),
|
||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.PRICE_IMPACT_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.PRICE_IMPACT_BODY }),
|
||||||
@@ -151,6 +154,18 @@ export const tradeTooltips: TooltipStrings = {
|
|||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.REDUCE_ONLY_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.REDUCE_ONLY_BODY }),
|
||||||
learnMoreLink: urlConfigs?.reduceOnlyLearnMore,
|
learnMoreLink: urlConfigs?.reduceOnlyLearnMore,
|
||||||
}),
|
}),
|
||||||
|
'reduce-only-execution-ioc-fok': ({ stringGetter }) => ({
|
||||||
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.REDUCE_ONLY_EXECUTION_IOC_FOK_TITLE }),
|
||||||
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.REDUCE_ONLY_EXECUTION_IOC_FOK_BODY }),
|
||||||
|
}),
|
||||||
|
'reduce-only-timeinforce-ioc-fok': ({ stringGetter }) => ({
|
||||||
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.REDUCE_ONLY_TIMEINFORCE_IOC_FOK_TITLE }),
|
||||||
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.REDUCE_ONLY_TIMEINFORCE_IOC_FOK_BODY }),
|
||||||
|
}),
|
||||||
|
'reference-price': ({ stringGetter }) => ({
|
||||||
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.REFERENCE_PRICE_TITLE }),
|
||||||
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.REFERENCE_PRICE_BODY }),
|
||||||
|
}),
|
||||||
spread: () => ({
|
spread: () => ({
|
||||||
title: 'Spread',
|
title: 'Spread',
|
||||||
body: 'The difference in price between the highest bid (the price a buyer is willing to buy for) and lowest ask (the price a seller is willing to sell for) an asset.',
|
body: 'The difference in price between the highest bid (the price a buyer is willing to buy for) and lowest ask (the price a seller is willing to sell for) an asset.',
|
||||||
|
|||||||
@@ -5,6 +5,10 @@ export const withdrawTooltips: TooltipStrings = {
|
|||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.FAST_WITHDRAW_FEE_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.FAST_WITHDRAW_FEE_TITLE }),
|
||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.FAST_WITHDRAW_FEE_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.FAST_WITHDRAW_FEE_BODY }),
|
||||||
}),
|
}),
|
||||||
|
'minimum-amount-received': ({ stringGetter }) => ({
|
||||||
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.MINIMUM_AMOUNT_RECEIVED_TITLE }),
|
||||||
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.MINIMUM_AMOUNT_RECEIVED_BODY }),
|
||||||
|
}),
|
||||||
'withdraw-types': ({ stringGetter }) => ({
|
'withdraw-types': ({ stringGetter }) => ({
|
||||||
title: stringGetter({ key: TOOLTIP_STRING_KEYS.WITHDRAW_TYPES_TITLE }),
|
title: stringGetter({ key: TOOLTIP_STRING_KEYS.WITHDRAW_TYPES_TITLE }),
|
||||||
body: stringGetter({ key: TOOLTIP_STRING_KEYS.WITHDRAW_TYPES_BODY }),
|
body: stringGetter({ key: TOOLTIP_STRING_KEYS.WITHDRAW_TYPES_BODY }),
|
||||||
|
|||||||
@@ -33,6 +33,7 @@ export enum WalletConnectionType {
|
|||||||
CosmosSigner = 'CosmosSigner',
|
CosmosSigner = 'CosmosSigner',
|
||||||
InjectedEip1193 = 'injectedEip1193',
|
InjectedEip1193 = 'injectedEip1193',
|
||||||
WalletConnect2 = 'walletConnect2',
|
WalletConnect2 = 'walletConnect2',
|
||||||
|
TestWallet = 'TestWallet',
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum WalletErrorType {
|
export enum WalletErrorType {
|
||||||
@@ -68,6 +69,9 @@ export const walletConnectionTypes: Record<WalletConnectionType, WalletConnectio
|
|||||||
[WalletConnectionType.CosmosSigner]: {
|
[WalletConnectionType.CosmosSigner]: {
|
||||||
name: 'CosmosSigner',
|
name: 'CosmosSigner',
|
||||||
},
|
},
|
||||||
|
[WalletConnectionType.TestWallet]: {
|
||||||
|
name: 'TestWallet',
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
// Wallets
|
// Wallets
|
||||||
@@ -88,7 +92,7 @@ export enum WalletType {
|
|||||||
TokenPocket = 'TOKEN_POCKET',
|
TokenPocket = 'TOKEN_POCKET',
|
||||||
TrustWallet = 'TRUST_WALLET',
|
TrustWallet = 'TRUST_WALLET',
|
||||||
WalletConnect2 = 'WALLETCONNECT_2',
|
WalletConnect2 = 'WALLETCONNECT_2',
|
||||||
// TestWallet = 'TEST_WALLET',
|
TestWallet = 'TEST_WALLET',
|
||||||
OtherWallet = 'OTHER_WALLET',
|
OtherWallet = 'OTHER_WALLET',
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -243,6 +247,12 @@ export const wallets: Record<WalletType, WalletConfig> = {
|
|||||||
icon: KeplrIcon,
|
icon: KeplrIcon,
|
||||||
connectionTypes: [WalletConnectionType.CosmosSigner],
|
connectionTypes: [WalletConnectionType.CosmosSigner],
|
||||||
},
|
},
|
||||||
|
[WalletType.TestWallet]: {
|
||||||
|
type: WalletType.TestWallet,
|
||||||
|
stringKey: STRING_KEYS.TEST_WALLET,
|
||||||
|
icon: GenericWalletIcon,
|
||||||
|
connectionTypes: [WalletConnectionType.TestWallet],
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
// Injected EIP-1193 Providers
|
// Injected EIP-1193 Providers
|
||||||
@@ -354,3 +364,5 @@ export enum DydxChainAsset {
|
|||||||
USDC = 'usdc',
|
USDC = 'usdc',
|
||||||
CHAINTOKEN = 'chain',
|
CHAINTOKEN = 'chain',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const TEST_WALLET_EVM_ADDRESS: EvmAddress = '0x0000000000000000000000000000000000000000';
|
||||||
|
|||||||
@@ -0,0 +1,4 @@
|
|||||||
|
export * from './useCenterOrderbook';
|
||||||
|
export * from './useSpreadRowScrollListener';
|
||||||
|
export * from './useDrawOrderbook';
|
||||||
|
export * from './useOrderbookValues';
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
import { useEffect, type RefObject } from 'react';
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
marketId: string;
|
||||||
|
orderbookRef: RefObject<HTMLDivElement>;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Center Orderbook on load and market change
|
||||||
|
* Assumed that the two sides are the same height
|
||||||
|
*/
|
||||||
|
export const useCenterOrderbook = ({ marketId, orderbookRef }: Props) => {
|
||||||
|
const orderbookEl = orderbookRef.current;
|
||||||
|
const { clientHeight, scrollHeight } = orderbookEl ?? {};
|
||||||
|
const shouldScroll = scrollHeight && clientHeight && scrollHeight > clientHeight;
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (orderbookEl && shouldScroll) {
|
||||||
|
orderbookEl.scrollTo({ top: (scrollHeight - clientHeight) / 2 });
|
||||||
|
}
|
||||||
|
}, [shouldScroll, marketId]);
|
||||||
|
};
|
||||||
@@ -0,0 +1,373 @@
|
|||||||
|
import { useEffect, useMemo, useRef } from 'react';
|
||||||
|
import { shallowEqual, useSelector } from 'react-redux';
|
||||||
|
|
||||||
|
import type { PerpetualMarketOrderbookLevel } from '@/constants/abacus';
|
||||||
|
import { SMALL_USD_DECIMALS, TOKEN_DECIMALS } from '@/constants/numbers';
|
||||||
|
|
||||||
|
import {
|
||||||
|
ORDERBOOK_ANIMATION_DURATION,
|
||||||
|
ORDERBOOK_HEIGHT,
|
||||||
|
ORDERBOOK_ROW_HEIGHT,
|
||||||
|
ORDERBOOK_ROW_PADDING_RIGHT,
|
||||||
|
ORDERBOOK_WIDTH,
|
||||||
|
} from '@/constants/orderbook';
|
||||||
|
|
||||||
|
import { getCurrentMarketConfig, getCurrentMarketOrderbookMap } from '@/state/perpetualsSelectors';
|
||||||
|
import { getAppTheme } from '@/state/configsSelectors';
|
||||||
|
|
||||||
|
import { MustBigNumber } from '@/lib/numbers';
|
||||||
|
|
||||||
|
import {
|
||||||
|
getHistogramXValues,
|
||||||
|
getRektFromIdx,
|
||||||
|
getXByColumn,
|
||||||
|
getYForElements,
|
||||||
|
} from '@/lib/orderbookHelpers';
|
||||||
|
import { useAppThemeContext } from '../useAppTheme';
|
||||||
|
|
||||||
|
type ElementProps = {
|
||||||
|
data: Array<PerpetualMarketOrderbookLevel | undefined>;
|
||||||
|
histogramRange: number;
|
||||||
|
side: PerpetualMarketOrderbookLevel['side'];
|
||||||
|
};
|
||||||
|
|
||||||
|
type StyleProps = {
|
||||||
|
histogramSide: 'left' | 'right';
|
||||||
|
};
|
||||||
|
|
||||||
|
enum OrderbookRowAnimationType {
|
||||||
|
REMOVE,
|
||||||
|
NEW,
|
||||||
|
NONE,
|
||||||
|
}
|
||||||
|
|
||||||
|
export const useDrawOrderbook = ({
|
||||||
|
data,
|
||||||
|
histogramRange,
|
||||||
|
histogramSide,
|
||||||
|
side,
|
||||||
|
}: ElementProps & StyleProps) => {
|
||||||
|
const canvasRef = useRef<HTMLCanvasElement>(null);
|
||||||
|
const canvas = canvasRef.current;
|
||||||
|
const currentOrderbookMap = useSelector(getCurrentMarketOrderbookMap, shallowEqual);
|
||||||
|
const { stepSizeDecimals = TOKEN_DECIMALS, tickSizeDecimals = SMALL_USD_DECIMALS } =
|
||||||
|
useSelector(getCurrentMarketConfig, shallowEqual) || {};
|
||||||
|
const prevData = useRef<typeof data>(data);
|
||||||
|
const theme = useAppThemeContext();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Scale canvas using device pixel ratio to unblur drawn text
|
||||||
|
* @url https://stackoverflow.com/questions/15661339/how-do-i-fix-blurry-text-in-my-html5-canvas/65124939#65124939
|
||||||
|
* @returns adjusted canvas width/height/rowHeight used in coordinates for drawing
|
||||||
|
**/
|
||||||
|
const { canvasWidth, canvasHeight, rowHeight } = useMemo(() => {
|
||||||
|
const ratio = window.devicePixelRatio || 1;
|
||||||
|
|
||||||
|
if (!canvas) {
|
||||||
|
return {
|
||||||
|
canvasWidth: ORDERBOOK_WIDTH / devicePixelRatio,
|
||||||
|
canvasHeight: ORDERBOOK_HEIGHT / devicePixelRatio,
|
||||||
|
rowHeight: ORDERBOOK_ROW_HEIGHT / devicePixelRatio,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
canvas.width = canvas.offsetWidth * ratio;
|
||||||
|
canvas.height = canvas.offsetHeight * ratio;
|
||||||
|
|
||||||
|
if (ctx) {
|
||||||
|
ctx.scale(ratio, ratio);
|
||||||
|
ctx.font = '12px Satoshi';
|
||||||
|
ctx.textAlign = 'right';
|
||||||
|
ctx.textBaseline = 'middle';
|
||||||
|
ctx.imageSmoothingQuality = 'high';
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
canvasWidth: canvas.width / ratio,
|
||||||
|
canvasHeight: canvas.height / ratio,
|
||||||
|
rowHeight: ORDERBOOK_ROW_HEIGHT,
|
||||||
|
};
|
||||||
|
}, [canvas]);
|
||||||
|
|
||||||
|
const drawBars = ({
|
||||||
|
barType,
|
||||||
|
ctx,
|
||||||
|
depthOrSizeValue,
|
||||||
|
gradientMultiplier,
|
||||||
|
histogramAccentColor,
|
||||||
|
histogramSide,
|
||||||
|
idx,
|
||||||
|
}: {
|
||||||
|
barType: 'depth' | 'size';
|
||||||
|
ctx: CanvasRenderingContext2D;
|
||||||
|
depthOrSizeValue: number;
|
||||||
|
gradientMultiplier: number;
|
||||||
|
histogramAccentColor: string;
|
||||||
|
histogramSide: 'left' | 'right';
|
||||||
|
idx: number;
|
||||||
|
}) => {
|
||||||
|
const { x1, x2, y1, y2 } = getRektFromIdx({
|
||||||
|
idx,
|
||||||
|
rowHeight,
|
||||||
|
canvasWidth,
|
||||||
|
canvasHeight,
|
||||||
|
side,
|
||||||
|
});
|
||||||
|
|
||||||
|
// X values
|
||||||
|
const maxHistogramBarWidth = x2 - x1 - (barType === 'size' ? 8 : 2);
|
||||||
|
const barWidth = depthOrSizeValue
|
||||||
|
? Math.min((depthOrSizeValue / histogramRange) * maxHistogramBarWidth, maxHistogramBarWidth)
|
||||||
|
: 0;
|
||||||
|
|
||||||
|
const { gradient, bar } = getHistogramXValues({
|
||||||
|
barWidth,
|
||||||
|
canvasWidth,
|
||||||
|
gradientMultiplier,
|
||||||
|
histogramSide,
|
||||||
|
});
|
||||||
|
|
||||||
|
// Gradient
|
||||||
|
let linearGradient;
|
||||||
|
|
||||||
|
try {
|
||||||
|
linearGradient = ctx.createLinearGradient(gradient.x1, y1, gradient.x2, y2);
|
||||||
|
linearGradient.addColorStop(0, histogramAccentColor);
|
||||||
|
linearGradient.addColorStop(1, 'rgba(0, 0, 0, 0)');
|
||||||
|
ctx.fillStyle = linearGradient;
|
||||||
|
} catch (err) {
|
||||||
|
ctx.fillStyle = 'rgba(0, 0, 0, 0)';
|
||||||
|
}
|
||||||
|
|
||||||
|
ctx.beginPath();
|
||||||
|
|
||||||
|
// Bar
|
||||||
|
const { bar: y } = getYForElements({ y: y1, rowHeight });
|
||||||
|
|
||||||
|
if (ctx.roundRect) {
|
||||||
|
ctx.roundRect(
|
||||||
|
bar.x1,
|
||||||
|
y,
|
||||||
|
bar.x2,
|
||||||
|
rowHeight - 2,
|
||||||
|
histogramSide === 'right' ? [2, 0, 0, 2] : [0, 2, 2, 0]
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
ctx.rect(bar.x1, y, bar.x2, rowHeight - 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
ctx.fill();
|
||||||
|
};
|
||||||
|
|
||||||
|
const drawText = ({
|
||||||
|
animationType = OrderbookRowAnimationType.NONE,
|
||||||
|
ctx,
|
||||||
|
idx,
|
||||||
|
mine,
|
||||||
|
price,
|
||||||
|
size,
|
||||||
|
}: {
|
||||||
|
animationType?: OrderbookRowAnimationType;
|
||||||
|
ctx: CanvasRenderingContext2D;
|
||||||
|
idx: number;
|
||||||
|
mine?: number;
|
||||||
|
price?: number;
|
||||||
|
size?: number;
|
||||||
|
}) => {
|
||||||
|
const { y1 } = getRektFromIdx({
|
||||||
|
idx,
|
||||||
|
rowHeight,
|
||||||
|
canvasWidth,
|
||||||
|
canvasHeight,
|
||||||
|
side,
|
||||||
|
});
|
||||||
|
|
||||||
|
const { text: y } = getYForElements({ y: y1, rowHeight });
|
||||||
|
|
||||||
|
let textColor: string;
|
||||||
|
let updatedTextColor: string | undefined;
|
||||||
|
|
||||||
|
switch (animationType) {
|
||||||
|
case OrderbookRowAnimationType.REMOVE: {
|
||||||
|
textColor = theme.textSecondary;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
case OrderbookRowAnimationType.NEW: {
|
||||||
|
updatedTextColor = side === 'bid' ? theme.positive : theme.negative;
|
||||||
|
textColor = theme.textPrimary;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
default: {
|
||||||
|
textColor = theme.textPrimary;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Size text
|
||||||
|
if (size) {
|
||||||
|
ctx.fillStyle = updatedTextColor ?? textColor;
|
||||||
|
ctx.fillText(
|
||||||
|
MustBigNumber(size).toFixed(stepSizeDecimals ?? TOKEN_DECIMALS),
|
||||||
|
getXByColumn({ canvasWidth, colIdx: 0 }) - ORDERBOOK_ROW_PADDING_RIGHT,
|
||||||
|
y
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Price text
|
||||||
|
if (price) {
|
||||||
|
ctx.fillStyle = textColor;
|
||||||
|
ctx.fillText(
|
||||||
|
MustBigNumber(price).toFixed(tickSizeDecimals ?? SMALL_USD_DECIMALS),
|
||||||
|
getXByColumn({ canvasWidth, colIdx: 1 }) - ORDERBOOK_ROW_PADDING_RIGHT,
|
||||||
|
y
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mine text
|
||||||
|
if (mine) {
|
||||||
|
ctx.fillStyle = textColor;
|
||||||
|
ctx.fillText(
|
||||||
|
MustBigNumber(mine).toFixed(stepSizeDecimals ?? TOKEN_DECIMALS),
|
||||||
|
getXByColumn({ canvasWidth, colIdx: 2 }) - ORDERBOOK_ROW_PADDING_RIGHT,
|
||||||
|
y
|
||||||
|
);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const drawOrderbookRow = ({
|
||||||
|
ctx,
|
||||||
|
idx,
|
||||||
|
rowToRender,
|
||||||
|
animationType = OrderbookRowAnimationType.NONE,
|
||||||
|
}: {
|
||||||
|
ctx: CanvasRenderingContext2D;
|
||||||
|
idx: number;
|
||||||
|
rowToRender?: PerpetualMarketOrderbookLevel;
|
||||||
|
animationType?: OrderbookRowAnimationType;
|
||||||
|
}) => {
|
||||||
|
if (!rowToRender) return;
|
||||||
|
const { depth, mine, price, size } = rowToRender;
|
||||||
|
const histogramAccentColor = side === 'bid' ? theme.positiveFaded : theme.negativeFaded;
|
||||||
|
|
||||||
|
// Depth Bar
|
||||||
|
if (depth) {
|
||||||
|
drawBars({
|
||||||
|
barType: 'depth',
|
||||||
|
ctx,
|
||||||
|
depthOrSizeValue: depth,
|
||||||
|
gradientMultiplier: 1.3,
|
||||||
|
histogramAccentColor,
|
||||||
|
histogramSide,
|
||||||
|
idx,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Size Bar
|
||||||
|
drawBars({
|
||||||
|
barType: 'size',
|
||||||
|
ctx,
|
||||||
|
depthOrSizeValue: size,
|
||||||
|
gradientMultiplier: 5,
|
||||||
|
histogramAccentColor,
|
||||||
|
histogramSide,
|
||||||
|
idx,
|
||||||
|
});
|
||||||
|
|
||||||
|
// Size, Price, Mine
|
||||||
|
drawText({
|
||||||
|
animationType,
|
||||||
|
ctx,
|
||||||
|
idx,
|
||||||
|
mine,
|
||||||
|
price,
|
||||||
|
size,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Update histograms and row contents on data change
|
||||||
|
useEffect(() => {
|
||||||
|
const ctx = canvas?.getContext('2d');
|
||||||
|
|
||||||
|
if (!canvas || !ctx) return;
|
||||||
|
|
||||||
|
// Clear canvas before redraw
|
||||||
|
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
|
||||||
|
|
||||||
|
// Animate row removal and update
|
||||||
|
const mapOfOrderbookPriceLevels =
|
||||||
|
side && currentOrderbookMap?.[side === 'ask' ? 'asks' : 'bids'];
|
||||||
|
const empty: number[] = [];
|
||||||
|
const removed: number[] = [];
|
||||||
|
const updated: number[] = [];
|
||||||
|
|
||||||
|
prevData.current.forEach((row, idx) => {
|
||||||
|
if (!row) {
|
||||||
|
empty.push(idx);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mapOfOrderbookPriceLevels?.[row.price] === 0) {
|
||||||
|
removed.push(idx);
|
||||||
|
drawOrderbookRow({
|
||||||
|
ctx,
|
||||||
|
idx,
|
||||||
|
rowToRender: row,
|
||||||
|
animationType: OrderbookRowAnimationType.REMOVE,
|
||||||
|
});
|
||||||
|
} else if (mapOfOrderbookPriceLevels?.[row.price] === row?.size) {
|
||||||
|
drawOrderbookRow({
|
||||||
|
ctx,
|
||||||
|
idx,
|
||||||
|
rowToRender: data[idx],
|
||||||
|
animationType: OrderbookRowAnimationType.NONE,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
updated.push(idx);
|
||||||
|
drawOrderbookRow({
|
||||||
|
ctx,
|
||||||
|
idx,
|
||||||
|
rowToRender: row,
|
||||||
|
animationType: OrderbookRowAnimationType.NEW,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
[...empty, ...removed, ...updated].forEach((idx) => {
|
||||||
|
const { x1, y1, x2, y2 } = getRektFromIdx({
|
||||||
|
idx,
|
||||||
|
rowHeight,
|
||||||
|
canvasWidth,
|
||||||
|
canvasHeight,
|
||||||
|
side,
|
||||||
|
});
|
||||||
|
|
||||||
|
ctx.clearRect(x1, y1, x2 - x1, y2 - y1);
|
||||||
|
drawOrderbookRow({
|
||||||
|
ctx,
|
||||||
|
idx,
|
||||||
|
rowToRender: data[idx],
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}, ORDERBOOK_ANIMATION_DURATION);
|
||||||
|
|
||||||
|
prevData.current = data;
|
||||||
|
}, [
|
||||||
|
canvasHeight,
|
||||||
|
canvasWidth,
|
||||||
|
rowHeight,
|
||||||
|
data,
|
||||||
|
histogramRange,
|
||||||
|
stepSizeDecimals,
|
||||||
|
tickSizeDecimals,
|
||||||
|
histogramSide,
|
||||||
|
side,
|
||||||
|
theme,
|
||||||
|
currentOrderbookMap,
|
||||||
|
]);
|
||||||
|
|
||||||
|
return { canvasRef };
|
||||||
|
};
|
||||||
@@ -0,0 +1,126 @@
|
|||||||
|
import { useMemo } from 'react';
|
||||||
|
import { shallowEqual, useSelector } from 'react-redux';
|
||||||
|
import { OrderSide } from '@dydxprotocol/v4-client-js';
|
||||||
|
|
||||||
|
import { type PerpetualMarketOrderbookLevel } from '@/constants/abacus';
|
||||||
|
import { DepthChartSeries, DepthChartDatum } from '@/constants/charts';
|
||||||
|
|
||||||
|
import { getCurrentMarketOrderbook } from '@/state/perpetualsSelectors';
|
||||||
|
import { getSubaccountOpenOrdersBySideAndPrice } from '@/state/accountSelectors';
|
||||||
|
|
||||||
|
import { MustBigNumber } from '@/lib/numbers';
|
||||||
|
|
||||||
|
export const useCalculateOrderbookData = ({ maxRowsPerSide }: { maxRowsPerSide: number }) => {
|
||||||
|
const orderbook = useSelector(getCurrentMarketOrderbook, shallowEqual);
|
||||||
|
|
||||||
|
const openOrdersBySideAndPrice =
|
||||||
|
useSelector(getSubaccountOpenOrdersBySideAndPrice, shallowEqual) || {};
|
||||||
|
|
||||||
|
return useMemo(() => {
|
||||||
|
const asks: Array<PerpetualMarketOrderbookLevel | undefined> = (
|
||||||
|
orderbook?.asks?.toArray() ?? []
|
||||||
|
)
|
||||||
|
.map(
|
||||||
|
(row, idx: number) =>
|
||||||
|
({
|
||||||
|
key: `ask-${idx}`,
|
||||||
|
side: 'ask',
|
||||||
|
mine: openOrdersBySideAndPrice[OrderSide.SELL]?.[row.price]?.size,
|
||||||
|
...row,
|
||||||
|
} as PerpetualMarketOrderbookLevel)
|
||||||
|
)
|
||||||
|
.slice(0, maxRowsPerSide);
|
||||||
|
|
||||||
|
const bids: Array<PerpetualMarketOrderbookLevel | undefined> = (
|
||||||
|
orderbook?.bids?.toArray() ?? []
|
||||||
|
)
|
||||||
|
.map(
|
||||||
|
(row, idx: number) =>
|
||||||
|
({
|
||||||
|
key: `bid-${idx}`,
|
||||||
|
side: 'bid',
|
||||||
|
mine: openOrdersBySideAndPrice[OrderSide.BUY]?.[row.price]?.size,
|
||||||
|
...row,
|
||||||
|
} as PerpetualMarketOrderbookLevel)
|
||||||
|
)
|
||||||
|
.slice(0, maxRowsPerSide);
|
||||||
|
|
||||||
|
// Prevent the bid/ask sides from crossing by using the offsets.
|
||||||
|
// While the books are crossing...
|
||||||
|
while (asks[0] && bids[0] && bids[0]!.price >= asks[0].price) {
|
||||||
|
// Drop the order on the side with the lower offset.
|
||||||
|
// The offset of the other side is higher and so supercedes.
|
||||||
|
if (bids[0]!.offset === asks[0].offset) {
|
||||||
|
// If offsets are the same, give precedence to the larger size. In this case,
|
||||||
|
// one of the sizes *should* be zero, but we simply check for the larger size.
|
||||||
|
if (bids[0]!.size > asks[0].size) {
|
||||||
|
asks.shift();
|
||||||
|
} else {
|
||||||
|
bids.pop();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// Offsets are not equal. Give precedence to the larger offset.
|
||||||
|
if (bids[0]!.offset > asks[0].offset) {
|
||||||
|
asks.shift();
|
||||||
|
} else {
|
||||||
|
bids.pop();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const spread =
|
||||||
|
asks[0]?.price && bids[0]?.price ? MustBigNumber(asks[0].price).minus(bids[0].price) : null;
|
||||||
|
|
||||||
|
const spreadPercent = orderbook?.spreadPercent;
|
||||||
|
|
||||||
|
const histogramRange = Math.max(
|
||||||
|
isNaN(Number(bids[bids.length - 1]?.depth)) ? 0 : Number(bids[bids.length - 1]?.depth),
|
||||||
|
isNaN(Number(asks[asks.length - 1]?.depth)) ? 0 : Number(asks[asks.length - 1]?.depth)
|
||||||
|
);
|
||||||
|
|
||||||
|
return {
|
||||||
|
asks,
|
||||||
|
bids,
|
||||||
|
spread,
|
||||||
|
spreadPercent,
|
||||||
|
histogramRange,
|
||||||
|
hasOrderbook: !!orderbook,
|
||||||
|
};
|
||||||
|
}, [orderbook, openOrdersBySideAndPrice]);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const useOrderbookValuesForDepthChart = () => {
|
||||||
|
const orderbook = useSelector(getCurrentMarketOrderbook, shallowEqual);
|
||||||
|
|
||||||
|
return useMemo(() => {
|
||||||
|
const bids = (orderbook?.bids?.toArray() ?? [])
|
||||||
|
.filter(Boolean)
|
||||||
|
.map((datum) => ({ ...datum, seriesKey: DepthChartSeries.Bids } as DepthChartDatum));
|
||||||
|
|
||||||
|
const asks = (orderbook?.asks?.toArray() ?? [])
|
||||||
|
.filter(Boolean)
|
||||||
|
.map((datum) => ({ ...datum, seriesKey: DepthChartSeries.Asks } as DepthChartDatum));
|
||||||
|
|
||||||
|
const lowestBid = bids[bids.length - 1];
|
||||||
|
const highestBid = bids[0];
|
||||||
|
const lowestAsk = asks[0];
|
||||||
|
const highestAsk = asks[asks.length - 1];
|
||||||
|
|
||||||
|
const midMarketPrice = orderbook?.midPrice;
|
||||||
|
const spread = MustBigNumber(lowestAsk?.price ?? 0).minus(highestBid?.price ?? 0);
|
||||||
|
const spreadPercent = orderbook?.spreadPercent;
|
||||||
|
|
||||||
|
return {
|
||||||
|
bids,
|
||||||
|
asks,
|
||||||
|
lowestBid,
|
||||||
|
highestBid,
|
||||||
|
lowestAsk,
|
||||||
|
highestAsk,
|
||||||
|
midMarketPrice,
|
||||||
|
spread,
|
||||||
|
spreadPercent,
|
||||||
|
orderbook,
|
||||||
|
};
|
||||||
|
}, [orderbook]);
|
||||||
|
};
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
import { type RefObject, useEffect, useState } from 'react';
|
||||||
|
|
||||||
|
export const useSpreadRowScrollListener = ({
|
||||||
|
orderbookRef,
|
||||||
|
spreadRowRef,
|
||||||
|
}: {
|
||||||
|
orderbookRef: RefObject<HTMLDivElement>;
|
||||||
|
spreadRowRef: RefObject<HTMLDivElement>;
|
||||||
|
}) => {
|
||||||
|
const [displaySide, setDisplaySide] = useState<string>();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const onScroll = () => {
|
||||||
|
if (spreadRowRef.current && orderbookRef.current) {
|
||||||
|
const { clientHeight } = orderbookRef.current;
|
||||||
|
const parent = orderbookRef.current.getBoundingClientRect();
|
||||||
|
const spread = spreadRowRef.current.getBoundingClientRect();
|
||||||
|
const spreadTop = spread.top - parent.top;
|
||||||
|
const spreadBottom = spread.bottom - parent.top;
|
||||||
|
|
||||||
|
if (spreadBottom > clientHeight) {
|
||||||
|
setDisplaySide('bottom');
|
||||||
|
} else if (spreadTop < 0) {
|
||||||
|
setDisplaySide('top');
|
||||||
|
} else {
|
||||||
|
setDisplaySide(undefined);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
orderbookRef.current?.addEventListener('scroll', onScroll, false);
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
orderbookRef.current?.removeEventListener('scroll', onScroll, false);
|
||||||
|
};
|
||||||
|
}, [orderbookRef.current, spreadRowRef.current]);
|
||||||
|
|
||||||
|
return displaySide;
|
||||||
|
};
|
||||||
@@ -7,6 +7,7 @@ import { useDebounce } from './useDebounce';
|
|||||||
import { useInterval } from './useInterval';
|
import { useInterval } from './useInterval';
|
||||||
import { useDocumentTitle } from './useDocumentTitle';
|
import { useDocumentTitle } from './useDocumentTitle';
|
||||||
import { useDydxClient } from './useDydxClient';
|
import { useDydxClient } from './useDydxClient';
|
||||||
|
import { useGovernanceVariables } from './useGovernanceVariables';
|
||||||
import { useAccountBalance } from './useAccountBalance';
|
import { useAccountBalance } from './useAccountBalance';
|
||||||
import { useAccounts } from './useAccounts';
|
import { useAccounts } from './useAccounts';
|
||||||
import { useAnalytics } from './useAnalytics';
|
import { useAnalytics } from './useAnalytics';
|
||||||
@@ -14,6 +15,7 @@ import { useInitializePage } from './useInitializePage';
|
|||||||
import { useIsFirstRender } from './useIsFirstRender';
|
import { useIsFirstRender } from './useIsFirstRender';
|
||||||
import { useLocaleSeparators } from './useLocaleSeparators';
|
import { useLocaleSeparators } from './useLocaleSeparators';
|
||||||
import { useLocalStorage } from './useLocalStorage';
|
import { useLocalStorage } from './useLocalStorage';
|
||||||
|
import { useNextClobPairId } from './useNextClobPairId';
|
||||||
import { useNow } from './useNow';
|
import { useNow } from './useNow';
|
||||||
import { useOnClickOutside } from './useOnClickOutside';
|
import { useOnClickOutside } from './useOnClickOutside';
|
||||||
import { usePageTitlePriceUpdates } from './usePageTitlePriceUpdates';
|
import { usePageTitlePriceUpdates } from './usePageTitlePriceUpdates';
|
||||||
@@ -34,6 +36,7 @@ export {
|
|||||||
useDebounce,
|
useDebounce,
|
||||||
useDocumentTitle,
|
useDocumentTitle,
|
||||||
useDydxClient,
|
useDydxClient,
|
||||||
|
useGovernanceVariables,
|
||||||
useAccountBalance,
|
useAccountBalance,
|
||||||
useAccounts,
|
useAccounts,
|
||||||
useAnalytics,
|
useAnalytics,
|
||||||
@@ -42,6 +45,7 @@ export {
|
|||||||
useIsFirstRender,
|
useIsFirstRender,
|
||||||
useLocaleSeparators,
|
useLocaleSeparators,
|
||||||
useLocalStorage,
|
useLocalStorage,
|
||||||
|
useNextClobPairId,
|
||||||
useNow,
|
useNow,
|
||||||
useOnClickOutside,
|
useOnClickOutside,
|
||||||
usePageTitlePriceUpdates,
|
usePageTitlePriceUpdates,
|
||||||
|
|||||||
@@ -4,7 +4,6 @@ import { useSelector } from 'react-redux';
|
|||||||
import type { IChartingLibraryWidget, ThemeName } from 'public/tradingview/charting_library';
|
import type { IChartingLibraryWidget, ThemeName } from 'public/tradingview/charting_library';
|
||||||
|
|
||||||
import { AppTheme } from '@/state/configs';
|
import { AppTheme } from '@/state/configs';
|
||||||
|
|
||||||
import { getAppTheme } from '@/state/configsSelectors';
|
import { getAppTheme } from '@/state/configsSelectors';
|
||||||
|
|
||||||
import { getWidgetOverrides } from '@/lib/tradingView/utils';
|
import { getWidgetOverrides } from '@/lib/tradingView/utils';
|
||||||
@@ -29,7 +28,7 @@ export const useTradingViewTheme = ({
|
|||||||
tvWidget: (IChartingLibraryWidget & { _id?: string; _ready?: boolean }) | null;
|
tvWidget: (IChartingLibraryWidget & { _id?: string; _ready?: boolean }) | null;
|
||||||
isWidgetReady?: boolean;
|
isWidgetReady?: boolean;
|
||||||
}) => {
|
}) => {
|
||||||
const appTheme = useSelector(getAppTheme);
|
const appTheme: AppTheme = useSelector(getAppTheme);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (tvWidget && isWidgetReady) {
|
if (tvWidget && isWidgetReady) {
|
||||||
|
|||||||
@@ -6,14 +6,22 @@ import { NOBLE_BECH32_PREFIX, LocalWallet, type Subaccount } from '@dydxprotocol
|
|||||||
|
|
||||||
import { OnboardingGuard, OnboardingState, type EvmDerivedAddresses } from '@/constants/account';
|
import { OnboardingGuard, OnboardingState, type EvmDerivedAddresses } from '@/constants/account';
|
||||||
import { DialogTypes } from '@/constants/dialogs';
|
import { DialogTypes } from '@/constants/dialogs';
|
||||||
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
import { LocalStorageKey, LOCAL_STORAGE_VERSIONS } from '@/constants/localStorage';
|
import { LocalStorageKey, LOCAL_STORAGE_VERSIONS } from '@/constants/localStorage';
|
||||||
import { DydxAddress, EvmAddress, PrivateInformation } from '@/constants/wallets';
|
import {
|
||||||
|
DydxAddress,
|
||||||
|
EvmAddress,
|
||||||
|
PrivateInformation,
|
||||||
|
TEST_WALLET_EVM_ADDRESS,
|
||||||
|
WalletType,
|
||||||
|
} from '@/constants/wallets';
|
||||||
|
|
||||||
import { setOnboardingState, setOnboardingGuard } from '@/state/account';
|
import { setOnboardingState, setOnboardingGuard } from '@/state/account';
|
||||||
import { forceOpenDialog } from '@/state/dialogs';
|
import { forceOpenDialog } from '@/state/dialogs';
|
||||||
|
|
||||||
import abacusStateManager from '@/lib/abacus';
|
import abacusStateManager from '@/lib/abacus';
|
||||||
import { log } from '@/lib/telemetry';
|
import { log } from '@/lib/telemetry';
|
||||||
|
import { testFlags } from '@/lib/testFlags';
|
||||||
|
|
||||||
import { useDydxClient } from './useDydxClient';
|
import { useDydxClient } from './useDydxClient';
|
||||||
import { useLocalStorage } from './useLocalStorage';
|
import { useLocalStorage } from './useLocalStorage';
|
||||||
@@ -153,6 +161,7 @@ const useAccountsContext = () => {
|
|||||||
|
|
||||||
// dYdX wallet / onboarding state
|
// dYdX wallet / onboarding state
|
||||||
const [localDydxWallet, setLocalDydxWallet] = useState<LocalWallet>();
|
const [localDydxWallet, setLocalDydxWallet] = useState<LocalWallet>();
|
||||||
|
const [localNobleWallet, setLocalNobleWallet] = useState<LocalWallet>();
|
||||||
const [hdKey, setHdKey] = useState<PrivateInformation>();
|
const [hdKey, setHdKey] = useState<PrivateInformation>();
|
||||||
|
|
||||||
const dydxAccounts = useMemo(() => localDydxWallet?.accounts, [localDydxWallet]);
|
const dydxAccounts = useMemo(() => localDydxWallet?.accounts, [localDydxWallet]);
|
||||||
@@ -162,6 +171,11 @@ const useAccountsContext = () => {
|
|||||||
[localDydxWallet]
|
[localDydxWallet]
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const nobleAddress = useMemo(
|
||||||
|
() => localNobleWallet?.address,
|
||||||
|
[localNobleWallet]
|
||||||
|
);
|
||||||
|
|
||||||
const setWalletFromEvmSignature = async (signature: string) => {
|
const setWalletFromEvmSignature = async (signature: string) => {
|
||||||
const { wallet, mnemonic, privateKey, publicKey } = await getWalletFromEvmSignature({
|
const { wallet, mnemonic, privateKey, publicKey } = await getWalletFromEvmSignature({
|
||||||
signature,
|
signature,
|
||||||
@@ -178,7 +192,26 @@ const useAccountsContext = () => {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
(async () => {
|
(async () => {
|
||||||
if (connectedDydxAddress && signerGraz) {
|
if (walletType === WalletType.TestWallet) {
|
||||||
|
// Get override values. Use the testFlags value if it exists, otherwise use the previously
|
||||||
|
// saved value where possible. If neither exist, use a default garbage value.
|
||||||
|
const addressOverride: DydxAddress = testFlags.addressOverride as DydxAddress ||
|
||||||
|
evmDerivedAddresses?.[TEST_WALLET_EVM_ADDRESS]?.dydxAddress as DydxAddress ||
|
||||||
|
'dydx1';
|
||||||
|
|
||||||
|
dispatch(setOnboardingState(OnboardingState.WalletConnected));
|
||||||
|
|
||||||
|
// Set variables.
|
||||||
|
saveEvmDerivedAccount({
|
||||||
|
evmAddress: TEST_WALLET_EVM_ADDRESS,
|
||||||
|
dydxAddress: addressOverride,
|
||||||
|
});
|
||||||
|
const wallet = new LocalWallet();
|
||||||
|
wallet.address = addressOverride;
|
||||||
|
setLocalDydxWallet(wallet);
|
||||||
|
|
||||||
|
dispatch(setOnboardingState(OnboardingState.AccountConnected));
|
||||||
|
} else if (connectedDydxAddress && signerGraz) {
|
||||||
dispatch(setOnboardingState(OnboardingState.WalletConnected));
|
dispatch(setOnboardingState(OnboardingState.WalletConnected));
|
||||||
try {
|
try {
|
||||||
setLocalDydxWallet(await LocalWallet.fromOfflineSigner(signerGraz));
|
setLocalDydxWallet(await LocalWallet.fromOfflineSigner(signerGraz));
|
||||||
@@ -224,6 +257,7 @@ const useAccountsContext = () => {
|
|||||||
if (hdKey?.mnemonic) {
|
if (hdKey?.mnemonic) {
|
||||||
const nobleWallet = await LocalWallet.fromMnemonic(hdKey.mnemonic, NOBLE_BECH32_PREFIX);
|
const nobleWallet = await LocalWallet.fromMnemonic(hdKey.mnemonic, NOBLE_BECH32_PREFIX);
|
||||||
abacusStateManager.setNobleWallet(nobleWallet);
|
abacusStateManager.setNobleWallet(nobleWallet);
|
||||||
|
setLocalNobleWallet(nobleWallet);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
setNobleWallet();
|
setNobleWallet();
|
||||||
@@ -322,6 +356,7 @@ const useAccountsContext = () => {
|
|||||||
localDydxWallet,
|
localDydxWallet,
|
||||||
dydxAccounts,
|
dydxAccounts,
|
||||||
dydxAddress,
|
dydxAddress,
|
||||||
|
nobleAddress,
|
||||||
|
|
||||||
// Onboarding state
|
// Onboarding state
|
||||||
saveHasAcknowledgedTerms,
|
saveHasAcknowledgedTerms,
|
||||||
|
|||||||
@@ -97,7 +97,7 @@ export const useAnalytics = () => {
|
|||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
// AnalyticsEvent.NetworkStatus
|
// AnalyticsEvent.NetworkStatus
|
||||||
const { height, indexerHeight, status } = useApiState();
|
const { height, indexerHeight, status, trailingBlocks} = useApiState();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (status) {
|
if (status) {
|
||||||
@@ -114,6 +114,7 @@ export const useAnalytics = () => {
|
|||||||
elapsedTime: lastSuccessfulIndexerRpcQuery && Date.now() - lastSuccessfulIndexerRpcQuery,
|
elapsedTime: lastSuccessfulIndexerRpcQuery && Date.now() - lastSuccessfulIndexerRpcQuery,
|
||||||
blockHeight: height ?? undefined,
|
blockHeight: height ?? undefined,
|
||||||
indexerBlockHeight: indexerHeight ?? undefined,
|
indexerBlockHeight: indexerHeight ?? undefined,
|
||||||
|
trailingBlocks: trailingBlocks ?? undefined
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}, [status]);
|
}, [status]);
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ export const getIndexerHeight = (apiState: Nullable<AbacusApiState>) => {
|
|||||||
export const useApiState = () => {
|
export const useApiState = () => {
|
||||||
const stringGetter = useStringGetter();
|
const stringGetter = useStringGetter();
|
||||||
const apiState = useSelector(getApiState, shallowEqual);
|
const apiState = useSelector(getApiState, shallowEqual);
|
||||||
const { haltedBlock, height, status, trailingBlocks } = apiState ?? {};
|
const { haltedBlock, height, status, trailingBlocks} = apiState ?? {};
|
||||||
const statusErrorMessage = getStatusErrorMessage({ apiState, stringGetter });
|
const statusErrorMessage = getStatusErrorMessage({ apiState, stringGetter });
|
||||||
const indexerHeight = getIndexerHeight(apiState);
|
const indexerHeight = getIndexerHeight(apiState);
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,16 @@
|
|||||||
|
import { useSelector } from 'react-redux';
|
||||||
|
import { ThemeProvider } from 'styled-components';
|
||||||
|
|
||||||
|
import { AppTheme } from '@/state/configs';
|
||||||
|
import { getAppTheme } from '@/state/configsSelectors';
|
||||||
|
|
||||||
|
import { Themes } from '@/styles/themes';
|
||||||
|
|
||||||
|
export const AppThemeProvider = ({ ...props }) => {
|
||||||
|
return <ThemeProvider theme={useAppThemeContext()} {...props} />
|
||||||
|
};
|
||||||
|
|
||||||
|
export const useAppThemeContext = () => {
|
||||||
|
const theme: AppTheme = useSelector(getAppTheme);
|
||||||
|
return Themes[theme];
|
||||||
|
}
|
||||||
@@ -5,16 +5,15 @@ import { useMatch, useNavigate } from 'react-router-dom';
|
|||||||
import { LocalStorageKey } from '@/constants/localStorage';
|
import { LocalStorageKey } from '@/constants/localStorage';
|
||||||
import { DEFAULT_MARKETID } from '@/constants/markets';
|
import { DEFAULT_MARKETID } from '@/constants/markets';
|
||||||
import { AppRoute } from '@/constants/routes';
|
import { AppRoute } from '@/constants/routes';
|
||||||
|
import { useLocalStorage } from '@/hooks/useLocalStorage';
|
||||||
|
|
||||||
import { getSelectedNetwork } from '@/state/appSelectors';
|
import { getSelectedNetwork } from '@/state/appSelectors';
|
||||||
import { closeDialogInTradeBox } from '@/state/dialogs';
|
import { closeDialogInTradeBox } from '@/state/dialogs';
|
||||||
import { setCurrentMarketId } from '@/state/perpetuals';
|
import { setCurrentMarketId } from '@/state/perpetuals';
|
||||||
|
import { getMarketIds } from '@/state/perpetualsSelectors';
|
||||||
|
|
||||||
import abacusStateManager from '@/lib/abacus';
|
import abacusStateManager from '@/lib/abacus';
|
||||||
|
|
||||||
import { useLocalStorage } from './useLocalStorage';
|
|
||||||
import { getMarketIds } from '@/state/perpetualsSelectors';
|
|
||||||
|
|
||||||
export const useCurrentMarketId = () => {
|
export const useCurrentMarketId = () => {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const match = useMatch(`/${AppRoute.Trade}/:marketId`);
|
const match = useMatch(`/${AppRoute.Trade}/:marketId`);
|
||||||
@@ -33,17 +32,35 @@ export const useCurrentMarketId = () => {
|
|||||||
if (marketIds.length === 0) return marketId ?? lastViewedMarket;
|
if (marketIds.length === 0) return marketId ?? lastViewedMarket;
|
||||||
if (!marketIds.includes(marketId ?? lastViewedMarket)) return DEFAULT_MARKETID;
|
if (!marketIds.includes(marketId ?? lastViewedMarket)) return DEFAULT_MARKETID;
|
||||||
return marketId ?? lastViewedMarket;
|
return marketId ?? lastViewedMarket;
|
||||||
}, [marketIds, marketId]);
|
}, [hasMarketIds, marketId]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setLastViewedMarket(validId);
|
// If v4_markets has not been subscribed to yet or marketId is not specified, default to validId
|
||||||
dispatch(setCurrentMarketId(validId));
|
if (!hasMarketIds || !marketId) {
|
||||||
dispatch(closeDialogInTradeBox());
|
setLastViewedMarket(validId);
|
||||||
|
dispatch(setCurrentMarketId(validId));
|
||||||
|
dispatch(closeDialogInTradeBox());
|
||||||
|
|
||||||
navigate(`${AppRoute.Trade}/${validId}`, {
|
if (validId !== marketId) {
|
||||||
replace: true,
|
navigate(`${AppRoute.Trade}/${validId}`, {
|
||||||
});
|
replace: true,
|
||||||
}, [validId]);
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If v4_markets has been subscribed to, check if marketId is valid
|
||||||
|
if (!marketIds.includes(marketId)) {
|
||||||
|
// If marketId is not valid (i.e. final settlement), navigate to markets page
|
||||||
|
navigate(AppRoute.Markets, {
|
||||||
|
replace: true,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// If marketId is valid, set currentMarketId
|
||||||
|
setLastViewedMarket(marketId);
|
||||||
|
dispatch(setCurrentMarketId(marketId));
|
||||||
|
dispatch(closeDialogInTradeBox());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, [hasMarketIds, marketId]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
// Check for marketIds otherwise Abacus will silently fail its isMarketValid check
|
// Check for marketIds otherwise Abacus will silently fail its isMarketValid check
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
import { createContext, useCallback, useContext, useEffect, useState } from 'react';
|
import { createContext, useCallback, useContext, useEffect, useState } from 'react';
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
BECH32_PREFIX,
|
BECH32_PREFIX,
|
||||||
CompositeClient,
|
CompositeClient,
|
||||||
@@ -9,6 +10,7 @@ import {
|
|||||||
onboarding,
|
onboarding,
|
||||||
Network,
|
Network,
|
||||||
ValidatorConfig,
|
ValidatorConfig,
|
||||||
|
type ProposalStatus,
|
||||||
} from '@dydxprotocol/v4-client-js';
|
} from '@dydxprotocol/v4-client-js';
|
||||||
|
|
||||||
import type { ResolutionString } from 'public/tradingview/charting_library';
|
import type { ResolutionString } from 'public/tradingview/charting_library';
|
||||||
@@ -68,17 +70,21 @@ const useDydxClientContext = () => {
|
|||||||
new Network(
|
new Network(
|
||||||
selectedNetwork,
|
selectedNetwork,
|
||||||
new IndexerConfig(networkConfig.indexerUrl, networkConfig.websocketUrl),
|
new IndexerConfig(networkConfig.indexerUrl, networkConfig.websocketUrl),
|
||||||
new ValidatorConfig(networkConfig.validatorUrl, networkConfig.chainId,
|
new ValidatorConfig(
|
||||||
|
networkConfig.validatorUrl,
|
||||||
|
networkConfig.chainId,
|
||||||
{
|
{
|
||||||
USDC_DENOM: tokensConfigs[DydxChainAsset.USDC].denom,
|
USDC_DENOM: tokensConfigs[DydxChainAsset.USDC].denom,
|
||||||
USDC_DECIMALS: tokensConfigs[DydxChainAsset.USDC].decimals,
|
USDC_DECIMALS: tokensConfigs[DydxChainAsset.USDC].decimals,
|
||||||
USDC_GAS_DENOM: tokensConfigs[DydxChainAsset.USDC].gasDenom,
|
USDC_GAS_DENOM: tokensConfigs[DydxChainAsset.USDC].gasDenom,
|
||||||
CHAINTOKEN_DENOM: tokensConfigs[DydxChainAsset.CHAINTOKEN].denom,
|
CHAINTOKEN_DENOM: tokensConfigs[DydxChainAsset.CHAINTOKEN].denom,
|
||||||
CHAINTOKEN_DECIMALS: tokensConfigs[DydxChainAsset.CHAINTOKEN].decimals,
|
CHAINTOKEN_DECIMALS: tokensConfigs[DydxChainAsset.CHAINTOKEN].decimals,
|
||||||
}, {
|
},
|
||||||
broadcastPollIntervalMs: 3_000,
|
{
|
||||||
broadcastTimeoutMs: 60_000,
|
broadcastPollIntervalMs: 3_000,
|
||||||
})
|
broadcastTimeoutMs: 60_000,
|
||||||
|
}
|
||||||
|
)
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
setCompositeClient(initializedClient);
|
setCompositeClient(initializedClient);
|
||||||
@@ -111,6 +117,36 @@ const useDydxClientContext = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// ------ Public Methods ------ //
|
// ------ Public Methods ------ //
|
||||||
|
const requestAllPerpetualMarkets = useCallback(async () => {
|
||||||
|
try {
|
||||||
|
const { markets } =
|
||||||
|
(await compositeClient?.indexerClient.markets.getPerpetualMarkets()) || {};
|
||||||
|
return markets || [];
|
||||||
|
} catch (error) {
|
||||||
|
log('useDydxClient/getPerpetualMarkets', error);
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
}, [compositeClient]);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param proposalStatus - Optional filter for proposal status. If not provided, all proposals in ProposalStatus.VotingPeriod will be returned.
|
||||||
|
*/
|
||||||
|
const requestAllGovernanceProposals = useCallback(
|
||||||
|
async (proposalStatus?: ProposalStatus) => {
|
||||||
|
try {
|
||||||
|
const allGovProposals = await compositeClient?.validatorClient.get.getAllGovProposals(
|
||||||
|
proposalStatus
|
||||||
|
);
|
||||||
|
|
||||||
|
return allGovProposals;
|
||||||
|
} catch (error) {
|
||||||
|
log('useDydxClient/getProposals', error);
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[compositeClient]
|
||||||
|
);
|
||||||
|
|
||||||
const requestCandles = useCallback(
|
const requestCandles = useCallback(
|
||||||
async ({
|
async ({
|
||||||
marketId,
|
marketId,
|
||||||
@@ -225,6 +261,8 @@ const useDydxClientContext = () => {
|
|||||||
getWalletFromEvmSignature,
|
getWalletFromEvmSignature,
|
||||||
|
|
||||||
// Public Methods
|
// Public Methods
|
||||||
|
requestAllPerpetualMarkets,
|
||||||
|
requestAllGovernanceProposals,
|
||||||
getCandlesForDatafeed,
|
getCandlesForDatafeed,
|
||||||
screenAddresses,
|
screenAddresses,
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -0,0 +1,16 @@
|
|||||||
|
import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||||
|
import { useSelectedNetwork } from '@/hooks';
|
||||||
|
|
||||||
|
export interface GovernanceVariables {
|
||||||
|
newMarketProposal: {
|
||||||
|
initialDepositAmount: number;
|
||||||
|
delayBlocks: number;
|
||||||
|
newMarketsMethodology: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export const useGovernanceVariables = (): GovernanceVariables => {
|
||||||
|
const { selectedNetwork } = useSelectedNetwork();
|
||||||
|
const governanceVars = ENVIRONMENT_CONFIG_MAP[selectedNetwork].governance as GovernanceVariables;
|
||||||
|
return governanceVars;
|
||||||
|
};
|
||||||
@@ -1,14 +1,7 @@
|
|||||||
import { useMemo } from 'react';
|
import { useMemo } from 'react';
|
||||||
import { useSelector, shallowEqual } from 'react-redux';
|
import { useSelector, shallowEqual } from 'react-redux';
|
||||||
|
|
||||||
import {
|
import { MarketFilters, MARKET_FILTER_LABELS, type MarketData } from '@/constants/markets';
|
||||||
MarketFilters,
|
|
||||||
MARKET_FILTER_LABELS,
|
|
||||||
type MarketData,
|
|
||||||
MARKETS_TO_DISPLAY,
|
|
||||||
} from '@/constants/markets';
|
|
||||||
|
|
||||||
import { testFlags } from '@/lib/testFlags';
|
|
||||||
|
|
||||||
import { getAssets } from '@/state/assetsSelectors';
|
import { getAssets } from '@/state/assetsSelectors';
|
||||||
import { getPerpetualMarkets } from '@/state/perpetualsSelectors';
|
import { getPerpetualMarkets } from '@/state/perpetualsSelectors';
|
||||||
@@ -49,9 +42,7 @@ export const useMarketsData = (
|
|||||||
}, [allPerpetualMarkets, allAssets]);
|
}, [allPerpetualMarkets, allAssets]);
|
||||||
|
|
||||||
const filteredMarkets = useMemo(() => {
|
const filteredMarkets = useMemo(() => {
|
||||||
const filtered = markets
|
const filtered = markets.filter(filterFunctions[filter]);
|
||||||
.filter(filterFunctions[filter])
|
|
||||||
.filter(({ id }) => (testFlags.displayAllMarkets ? true : MARKETS_TO_DISPLAY.includes(id)));
|
|
||||||
|
|
||||||
if (searchFilter) {
|
if (searchFilter) {
|
||||||
return filtered.filter(
|
return filtered.filter(
|
||||||
|
|||||||
@@ -0,0 +1,118 @@
|
|||||||
|
import { useMemo } from 'react';
|
||||||
|
import { useQuery } from 'react-query';
|
||||||
|
|
||||||
|
import {
|
||||||
|
MsgCreateClobPair,
|
||||||
|
MsgCreateOracleMarket,
|
||||||
|
MsgCreatePerpetual,
|
||||||
|
MsgDelayMessage,
|
||||||
|
MsgUpdateClobPair,
|
||||||
|
TYPE_URL_MSG_CREATE_CLOB_PAIR,
|
||||||
|
TYPE_URL_MSG_CREATE_ORACLE_MARKET,
|
||||||
|
TYPE_URL_MSG_CREATE_PERPETUAL,
|
||||||
|
TYPE_URL_MSG_DELAY_MESSAGE,
|
||||||
|
TYPE_URL_MSG_UPDATE_CLOB_PAIR,
|
||||||
|
} from '@dydxprotocol/v4-client-js';
|
||||||
|
|
||||||
|
import type { PerpetualMarketResponse } from '@/constants/indexer';
|
||||||
|
import { useDydxClient } from '@/hooks/useDydxClient';
|
||||||
|
|
||||||
|
export const useNextClobPairId = () => {
|
||||||
|
const { isConnected, requestAllPerpetualMarkets, requestAllGovernanceProposals } =
|
||||||
|
useDydxClient();
|
||||||
|
|
||||||
|
const { data: perpetualMarkets, status: perpetualMarketsStatus } = useQuery({
|
||||||
|
enabled: isConnected,
|
||||||
|
queryKey: 'requestAllPerpetualMarkets',
|
||||||
|
queryFn: requestAllPerpetualMarkets,
|
||||||
|
refetchInterval: 60_000,
|
||||||
|
staleTime: 60_000,
|
||||||
|
});
|
||||||
|
|
||||||
|
const { data: allGovProposals, status: allGovProposalsStatus } = useQuery({
|
||||||
|
enabled: isConnected,
|
||||||
|
queryKey: 'requestAllActiveGovernanceProposals',
|
||||||
|
queryFn: () => requestAllGovernanceProposals(),
|
||||||
|
refetchInterval: 10_000,
|
||||||
|
staleTime: 10_000,
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @param message from proposal. Each message is wrapped in a type any (on purpose).
|
||||||
|
* @param callback method used to compile all clobPairIds, perpetualIds, marketIds, etc.
|
||||||
|
*/
|
||||||
|
const decodeMsgForClobPairId = (message: any, callback: (id?: number) => void): any => {
|
||||||
|
const { typeUrl, value } = message;
|
||||||
|
|
||||||
|
switch (typeUrl) {
|
||||||
|
case TYPE_URL_MSG_CREATE_ORACLE_MARKET: {
|
||||||
|
const decodedValue = MsgCreateOracleMarket.decode(value);
|
||||||
|
callback(decodedValue.params?.id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case TYPE_URL_MSG_CREATE_PERPETUAL: {
|
||||||
|
const decodedValue = MsgCreatePerpetual.decode(value);
|
||||||
|
callback(decodedValue.params?.id);
|
||||||
|
callback(decodedValue.params?.marketId);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case TYPE_URL_MSG_CREATE_CLOB_PAIR: {
|
||||||
|
const decodedValue = MsgCreateClobPair.decode(value);
|
||||||
|
callback(decodedValue.clobPair?.id);
|
||||||
|
callback(decodedValue.clobPair?.perpetualClobMetadata?.perpetualId);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case TYPE_URL_MSG_UPDATE_CLOB_PAIR: {
|
||||||
|
const decodedValue = MsgUpdateClobPair.decode(value);
|
||||||
|
callback(decodedValue.clobPair?.id);
|
||||||
|
callback(decodedValue.clobPair?.perpetualClobMetadata?.perpetualId);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case TYPE_URL_MSG_DELAY_MESSAGE: {
|
||||||
|
const decodedValue = MsgDelayMessage.decode(value);
|
||||||
|
decodeMsgForClobPairId(decodedValue.msg, callback);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
default: {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const nextAvailableClobPairId = useMemo(() => {
|
||||||
|
const idsFromProposals: number[] = [];
|
||||||
|
|
||||||
|
if (allGovProposals && Object.values(allGovProposals.proposals).length > 0) {
|
||||||
|
const proposals = allGovProposals.proposals;
|
||||||
|
proposals.forEach((proposal) => {
|
||||||
|
if (proposal.messages) {
|
||||||
|
proposal.messages.map((message) => {
|
||||||
|
decodeMsgForClobPairId(message, (id?: number) => {
|
||||||
|
if (id) {
|
||||||
|
idsFromProposals.push(id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (perpetualMarkets && Object.values(perpetualMarkets).length > 0) {
|
||||||
|
const clobPairIds = Object.values(perpetualMarkets)?.map((perpetualMarket) =>
|
||||||
|
Number((perpetualMarket as PerpetualMarketResponse).clobPairId)
|
||||||
|
);
|
||||||
|
|
||||||
|
const nextAvailableClobPairId = Math.max(...[...clobPairIds, ...idsFromProposals]) + 1;
|
||||||
|
return nextAvailableClobPairId;
|
||||||
|
}
|
||||||
|
|
||||||
|
return undefined;
|
||||||
|
}, [perpetualMarkets, allGovProposals]);
|
||||||
|
|
||||||
|
return {
|
||||||
|
allGovProposalsStatus,
|
||||||
|
perpetualMarketsStatus,
|
||||||
|
nextAvailableClobPairId,
|
||||||
|
};
|
||||||
|
};
|
||||||
@@ -20,6 +20,7 @@ import {
|
|||||||
type NotificationTypeConfig,
|
type NotificationTypeConfig,
|
||||||
NotificationType,
|
NotificationType,
|
||||||
DEFAULT_TOAST_AUTO_CLOSE_MS,
|
DEFAULT_TOAST_AUTO_CLOSE_MS,
|
||||||
|
TransferNotificationTypes,
|
||||||
} from '@/constants/notifications';
|
} from '@/constants/notifications';
|
||||||
|
|
||||||
import { useSelectedNetwork, useStringGetter } from '@/hooks';
|
import { useSelectedNetwork, useStringGetter } from '@/hooks';
|
||||||
@@ -27,6 +28,7 @@ import { useLocalNotifications } from '@/hooks/useLocalNotifications';
|
|||||||
|
|
||||||
import { AssetIcon } from '@/components/AssetIcon';
|
import { AssetIcon } from '@/components/AssetIcon';
|
||||||
import { Icon, IconName } from '@/components/Icon';
|
import { Icon, IconName } from '@/components/Icon';
|
||||||
|
import { BlockRewardNotification } from '@/views/notifications/BlockRewardNotification';
|
||||||
import { TradeNotification } from '@/views/notifications/TradeNotification';
|
import { TradeNotification } from '@/views/notifications/TradeNotification';
|
||||||
import { TransferStatusNotification } from '@/views/notifications/TransferStatusNotification';
|
import { TransferStatusNotification } from '@/views/notifications/TransferStatusNotification';
|
||||||
|
|
||||||
@@ -79,6 +81,7 @@ export const notificationTypes: NotificationTypeConfig[] = [
|
|||||||
body: abacusNotif.text ? stringGetter({ key: abacusNotif.text, params }) : '',
|
body: abacusNotif.text ? stringGetter({ key: abacusNotif.text, params }) : '',
|
||||||
toastDuration: DEFAULT_TOAST_AUTO_CLOSE_MS,
|
toastDuration: DEFAULT_TOAST_AUTO_CLOSE_MS,
|
||||||
toastSensitivity: 'foreground',
|
toastSensitivity: 'foreground',
|
||||||
|
groupKey: abacusNotificationType,
|
||||||
renderCustomBody: ({ isToast, notification }) => (
|
renderCustomBody: ({ isToast, notification }) => (
|
||||||
<TradeNotification
|
<TradeNotification
|
||||||
isToast={isToast}
|
isToast={isToast}
|
||||||
@@ -92,6 +95,29 @@ export const notificationTypes: NotificationTypeConfig[] = [
|
|||||||
);
|
);
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
case 'blockReward': {
|
||||||
|
trigger(
|
||||||
|
abacusNotif.id,
|
||||||
|
{
|
||||||
|
icon: abacusNotif.image && <$Icon src={abacusNotif.image} alt="" />,
|
||||||
|
title: stringGetter({ key: abacusNotif.title }),
|
||||||
|
body: abacusNotif.text ? stringGetter({ key: abacusNotif.text, params }) : '',
|
||||||
|
toastDuration: DEFAULT_TOAST_AUTO_CLOSE_MS,
|
||||||
|
toastSensitivity: 'foreground',
|
||||||
|
groupKey: abacusNotificationType,
|
||||||
|
renderCustomBody: ({ isToast, notification }) => (
|
||||||
|
<BlockRewardNotification
|
||||||
|
isToast={isToast}
|
||||||
|
data={parsedData}
|
||||||
|
notification={notification}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
[abacusNotif.updateTimeInMilliseconds, abacusNotif.data],
|
||||||
|
true
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
}
|
||||||
default:
|
default:
|
||||||
trigger(
|
trigger(
|
||||||
abacusNotif.id,
|
abacusNotif.id,
|
||||||
@@ -101,6 +127,7 @@ export const notificationTypes: NotificationTypeConfig[] = [
|
|||||||
body: abacusNotif.text ? stringGetter({ key: abacusNotif.text, params }) : '',
|
body: abacusNotif.text ? stringGetter({ key: abacusNotif.text, params }) : '',
|
||||||
toastDuration: DEFAULT_TOAST_AUTO_CLOSE_MS,
|
toastDuration: DEFAULT_TOAST_AUTO_CLOSE_MS,
|
||||||
toastSensitivity: 'foreground',
|
toastSensitivity: 'foreground',
|
||||||
|
groupKey: abacusNotificationType,
|
||||||
},
|
},
|
||||||
[abacusNotif.updateTimeInMilliseconds, abacusNotif.data]
|
[abacusNotif.updateTimeInMilliseconds, abacusNotif.data]
|
||||||
);
|
);
|
||||||
@@ -152,20 +179,20 @@ export const notificationTypes: NotificationTypeConfig[] = [
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
for (const transfer of transferNotifications) {
|
for (const transfer of transferNotifications) {
|
||||||
const { fromChainId, status, txHash, toAmount } = transfer;
|
const { fromChainId, status, txHash, toAmount, type } = transfer;
|
||||||
const isFinished = Boolean(status) && status?.squidTransactionStatus !== 'ongoing';
|
const isFinished = Boolean(status) && status?.squidTransactionStatus !== 'ongoing';
|
||||||
const icon = <Icon iconName={isFinished ? IconName.Transfer : IconName.Clock} />;
|
const icon = <Icon iconName={isFinished ? IconName.Transfer : IconName.Clock} />;
|
||||||
|
|
||||||
const type =
|
const transferType =
|
||||||
fromChainId === ENVIRONMENT_CONFIG_MAP[selectedNetwork].dydxChainId
|
type ?? fromChainId === ENVIRONMENT_CONFIG_MAP[selectedNetwork].dydxChainId
|
||||||
? 'withdrawal'
|
? TransferNotificationTypes.Withdrawal
|
||||||
: 'deposit';
|
: TransferNotificationTypes.Deposit;
|
||||||
|
|
||||||
const title = stringGetter({
|
const title = stringGetter({
|
||||||
key: {
|
key: {
|
||||||
deposit: isFinished ? STRING_KEYS.DEPOSIT : STRING_KEYS.DEPOSIT_IN_PROGRESS,
|
deposit: isFinished ? STRING_KEYS.DEPOSIT : STRING_KEYS.DEPOSIT_IN_PROGRESS,
|
||||||
withdrawal: isFinished ? STRING_KEYS.WITHDRAW : STRING_KEYS.WITHDRAW_IN_PROGRESS,
|
withdrawal: isFinished ? STRING_KEYS.WITHDRAW : STRING_KEYS.WITHDRAW_IN_PROGRESS,
|
||||||
}[type],
|
}[transferType],
|
||||||
});
|
});
|
||||||
|
|
||||||
const toChainEta = status?.toChain?.chainData?.estimatedRouteDuration || 0;
|
const toChainEta = status?.toChain?.chainData?.estimatedRouteDuration || 0;
|
||||||
@@ -190,12 +217,13 @@ export const notificationTypes: NotificationTypeConfig[] = [
|
|||||||
slotIcon={icon}
|
slotIcon={icon}
|
||||||
slotTitle={title}
|
slotTitle={title}
|
||||||
transfer={transfer}
|
transfer={transfer}
|
||||||
type={type}
|
type={transferType}
|
||||||
triggeredAt={transfer.triggeredAt}
|
triggeredAt={transfer.triggeredAt}
|
||||||
notification={notification}
|
notification={notification}
|
||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
toastSensitivity: 'foreground',
|
toastSensitivity: 'foreground',
|
||||||
|
groupKey: NotificationType.SquidTransfer,
|
||||||
},
|
},
|
||||||
[isFinished]
|
[isFinished]
|
||||||
);
|
);
|
||||||
@@ -241,6 +269,7 @@ export const notificationTypes: NotificationTypeConfig[] = [
|
|||||||
},
|
},
|
||||||
}),
|
}),
|
||||||
toastSensitivity: 'foreground',
|
toastSensitivity: 'foreground',
|
||||||
|
groupKey: NotificationType.ReleaseUpdates,
|
||||||
},
|
},
|
||||||
[]
|
[]
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -0,0 +1,135 @@
|
|||||||
|
import { createContext, useContext, useEffect, useState } from 'react';
|
||||||
|
|
||||||
|
import type {
|
||||||
|
ExchangeConfigItem,
|
||||||
|
ExchangeConfigParsedCsv,
|
||||||
|
PotentialMarketItem,
|
||||||
|
PotentialMarketParsedCsv,
|
||||||
|
} from '@/constants/potentialMarkets';
|
||||||
|
|
||||||
|
import csvToArray from '@/lib/csvToArray';
|
||||||
|
import { log } from '@/lib/telemetry';
|
||||||
|
|
||||||
|
const PotentialMarketsContext = createContext<ReturnType<typeof usePotentialMarketsContext>>({
|
||||||
|
potentialMarkets: undefined,
|
||||||
|
exchangeConfigs: undefined,
|
||||||
|
hasPotentialMarketsData: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
PotentialMarketsContext.displayName = 'PotentialMarkets';
|
||||||
|
|
||||||
|
export const PotentialMarketsProvider = ({ ...props }) => (
|
||||||
|
<PotentialMarketsContext.Provider value={usePotentialMarketsContext()} {...props} />
|
||||||
|
);
|
||||||
|
|
||||||
|
export const usePotentialMarkets = () => useContext(PotentialMarketsContext);
|
||||||
|
|
||||||
|
const EXCHANGE_CONFIG_FILE_PATH = '/configs/potentialMarketExchangeConfig.csv';
|
||||||
|
const POTENTIAL_MARKETS_FILE_PATH = '/configs/potentialMarketParameters.csv';
|
||||||
|
|
||||||
|
export const usePotentialMarketsContext = () => {
|
||||||
|
const [potentialMarkets, setPotentialMarkets] = useState<PotentialMarketItem[]>();
|
||||||
|
const [exchangeConfigs, setExchangeConfigs] = useState<Record<string, ExchangeConfigItem[]>>();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
try {
|
||||||
|
fetch(POTENTIAL_MARKETS_FILE_PATH)
|
||||||
|
.then((response) => response.text())
|
||||||
|
.then((data) => {
|
||||||
|
const parsedData = csvToArray<PotentialMarketParsedCsv>({
|
||||||
|
stringVal: data,
|
||||||
|
splitter: ',',
|
||||||
|
});
|
||||||
|
const parsedPotentialMarkets = parsedData.map(
|
||||||
|
({
|
||||||
|
base_asset,
|
||||||
|
reference_price,
|
||||||
|
num_oracles,
|
||||||
|
liquidity_tier,
|
||||||
|
asset_name,
|
||||||
|
p,
|
||||||
|
atomic_resolution,
|
||||||
|
min_exchanges,
|
||||||
|
min_price_change_ppm,
|
||||||
|
price_exponent,
|
||||||
|
step_base_quantum,
|
||||||
|
ticksize_exponent,
|
||||||
|
subticks_per_tick,
|
||||||
|
min_order_size,
|
||||||
|
quantum_conversion_exponent,
|
||||||
|
}) => ({
|
||||||
|
// convert to camelCase
|
||||||
|
baseAsset: base_asset,
|
||||||
|
referencePrice: reference_price,
|
||||||
|
numOracles: Number(num_oracles),
|
||||||
|
liquidityTier: Number(liquidity_tier),
|
||||||
|
assetName: asset_name,
|
||||||
|
p: Number(p),
|
||||||
|
atomicResolution: Number(atomic_resolution),
|
||||||
|
minExchanges: Number(min_exchanges),
|
||||||
|
minPriceChangePpm: Number(min_price_change_ppm),
|
||||||
|
priceExponent: Number(price_exponent),
|
||||||
|
stepBaseQuantum: Number(step_base_quantum),
|
||||||
|
ticksizeExponent: Number(ticksize_exponent),
|
||||||
|
subticksPerTick: Number(subticks_per_tick),
|
||||||
|
minOrderSize: Number(min_order_size),
|
||||||
|
quantumConversionExponent: Number(quantum_conversion_exponent),
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
setPotentialMarkets(parsedPotentialMarkets);
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
log('usePotentialMarkets/potentialMarkets', error);
|
||||||
|
setPotentialMarkets(undefined);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
fetch(EXCHANGE_CONFIG_FILE_PATH)
|
||||||
|
.then((response) => response.text())
|
||||||
|
.then((data) => {
|
||||||
|
const parsedData = csvToArray<ExchangeConfigParsedCsv>({
|
||||||
|
stringVal: data,
|
||||||
|
splitter: ',',
|
||||||
|
});
|
||||||
|
// create an object with the base_asset as the key and the value as an array of exchanges
|
||||||
|
const exchangeConfigMap = parsedData.reduce(
|
||||||
|
(acc: Record<string, ExchangeConfigItem[]>, curr) => {
|
||||||
|
const { base_asset, exchange, pair, adjust_by_market } = curr;
|
||||||
|
if (!acc[base_asset]) {
|
||||||
|
acc[base_asset] = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
const exchangeItem: {
|
||||||
|
exchangeName: string;
|
||||||
|
ticker: string;
|
||||||
|
adjustByMarket?: string;
|
||||||
|
} = {
|
||||||
|
exchangeName: exchange,
|
||||||
|
ticker: pair,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (adjust_by_market) {
|
||||||
|
exchangeItem.adjustByMarket = adjust_by_market;
|
||||||
|
}
|
||||||
|
|
||||||
|
acc[base_asset].push(exchangeItem);
|
||||||
|
return acc;
|
||||||
|
},
|
||||||
|
{}
|
||||||
|
);
|
||||||
|
|
||||||
|
setExchangeConfigs(exchangeConfigMap);
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
log('usePotentialMarkets/exchangeConfigs', error);
|
||||||
|
setExchangeConfigs(undefined);
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return {
|
||||||
|
potentialMarkets,
|
||||||
|
exchangeConfigs,
|
||||||
|
hasPotentialMarketsData: Boolean(potentialMarkets && exchangeConfigs),
|
||||||
|
};
|
||||||
|
};
|
||||||
@@ -2,11 +2,16 @@ import { createContext, useCallback, useContext, useEffect, useMemo, useState }
|
|||||||
import { shallowEqual, useSelector, useDispatch } from 'react-redux';
|
import { shallowEqual, useSelector, useDispatch } from 'react-redux';
|
||||||
import type { Nullable } from '@dydxprotocol/v4-abacus';
|
import type { Nullable } from '@dydxprotocol/v4-abacus';
|
||||||
import Long from 'long';
|
import Long from 'long';
|
||||||
import type { IndexedTx } from '@cosmjs/stargate';
|
import { type IndexedTx } from '@cosmjs/stargate';
|
||||||
import type { EncodeObject } from '@cosmjs/proto-signing';
|
import type { EncodeObject } from '@cosmjs/proto-signing';
|
||||||
import { Method } from '@cosmjs/tendermint-rpc';
|
import { Method } from '@cosmjs/tendermint-rpc';
|
||||||
|
|
||||||
import { type LocalWallet, SubaccountClient } from '@dydxprotocol/v4-client-js';
|
import {
|
||||||
|
type LocalWallet,
|
||||||
|
SubaccountClient,
|
||||||
|
type GovAddNewMarketParams,
|
||||||
|
utils,
|
||||||
|
} from '@dydxprotocol/v4-client-js';
|
||||||
|
|
||||||
import type {
|
import type {
|
||||||
AccountBalance,
|
AccountBalance,
|
||||||
@@ -16,7 +21,6 @@ import type {
|
|||||||
} from '@/constants/abacus';
|
} from '@/constants/abacus';
|
||||||
|
|
||||||
import { AMOUNT_RESERVED_FOR_GAS_USDC } from '@/constants/account';
|
import { AMOUNT_RESERVED_FOR_GAS_USDC } from '@/constants/account';
|
||||||
import { AnalyticsEvent } from '@/constants/analytics';
|
|
||||||
import { QUANTUM_MULTIPLIER } from '@/constants/numbers';
|
import { QUANTUM_MULTIPLIER } from '@/constants/numbers';
|
||||||
import { DydxAddress } from '@/constants/wallets';
|
import { DydxAddress } from '@/constants/wallets';
|
||||||
|
|
||||||
@@ -24,13 +28,13 @@ import { setSubaccount, setHistoricalPnl, removeUncommittedOrderClientId } from
|
|||||||
import { getBalances } from '@/state/accountSelectors';
|
import { getBalances } from '@/state/accountSelectors';
|
||||||
|
|
||||||
import abacusStateManager from '@/lib/abacus';
|
import abacusStateManager from '@/lib/abacus';
|
||||||
import { track } from '@/lib/analytics';
|
import { hashFromTx } from '@/lib/hashfromTx';
|
||||||
import { MustBigNumber } from '@/lib/numbers';
|
|
||||||
import { log } from '@/lib/telemetry';
|
import { log } from '@/lib/telemetry';
|
||||||
|
|
||||||
import { useAccounts } from './useAccounts';
|
import { useAccounts } from './useAccounts';
|
||||||
import { useTokenConfigs } from './useTokenConfigs';
|
import { useTokenConfigs } from './useTokenConfigs';
|
||||||
import { useDydxClient } from './useDydxClient';
|
import { useDydxClient } from './useDydxClient';
|
||||||
|
import { useGovernanceVariables } from './useGovernanceVariables';
|
||||||
|
|
||||||
type SubaccountContextType = ReturnType<typeof useSubaccountContext>;
|
type SubaccountContextType = ReturnType<typeof useSubaccountContext>;
|
||||||
const SubaccountContext = createContext<SubaccountContextType>({} as SubaccountContextType);
|
const SubaccountContext = createContext<SubaccountContextType>({} as SubaccountContextType);
|
||||||
@@ -197,7 +201,13 @@ export const useSubaccountContext = ({ localDydxWallet }: { localDydxWallet?: Lo
|
|||||||
);
|
);
|
||||||
const ibcMsg: EncodeObject = {
|
const ibcMsg: EncodeObject = {
|
||||||
typeUrl: transaction.msgTypeUrl,
|
typeUrl: transaction.msgTypeUrl,
|
||||||
value: transaction.msg,
|
value: {
|
||||||
|
...transaction.msg,
|
||||||
|
timeoutTimestamp: transaction.msg.timeoutTimestamp
|
||||||
|
? // Squid returns timeoutTimestamp as Long, but the signer expects BigInt
|
||||||
|
BigInt(Long.fromValue(transaction.msg.timeoutTimestamp).toString())
|
||||||
|
: undefined,
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
return await compositeClient.send(
|
return await compositeClient.send(
|
||||||
@@ -293,12 +303,28 @@ export const useSubaccountContext = ({ localDydxWallet }: { localDydxWallet?: Lo
|
|||||||
);
|
);
|
||||||
|
|
||||||
const sendSquidWithdraw = useCallback(
|
const sendSquidWithdraw = useCallback(
|
||||||
async (amount: number, payload: string) => {
|
async (amount: number, payload: string, isCctp?: boolean) => {
|
||||||
|
const cctpWithdraw = () => {
|
||||||
|
return new Promise<string>((resolve, reject) =>
|
||||||
|
abacusStateManager.cctpWithdraw((success, error, data) => {
|
||||||
|
const parsedData = JSON.parse(data);
|
||||||
|
if (success && parsedData?.code == 0) {
|
||||||
|
resolve(parsedData?.transactionHash);
|
||||||
|
} else {
|
||||||
|
reject(error);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
);
|
||||||
|
};
|
||||||
|
if (isCctp) {
|
||||||
|
return await cctpWithdraw();
|
||||||
|
}
|
||||||
|
|
||||||
if (!subaccountClient) {
|
if (!subaccountClient) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
const tx = await sendSquidWithdrawFromSubaccount({ subaccountClient, amount, payload });
|
||||||
return await sendSquidWithdrawFromSubaccount({ subaccountClient, amount, payload });
|
return hashFromTx(tx?.hash);
|
||||||
},
|
},
|
||||||
[subaccountClient, sendSquidWithdrawFromSubaccount]
|
[subaccountClient, sendSquidWithdrawFromSubaccount]
|
||||||
);
|
);
|
||||||
@@ -389,6 +415,32 @@ export const useSubaccountContext = ({ localDydxWallet }: { localDydxWallet?: Lo
|
|||||||
[subaccountClient]
|
[subaccountClient]
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const { newMarketProposal } = useGovernanceVariables();
|
||||||
|
|
||||||
|
// ------ Governance Methods ------ //
|
||||||
|
const submitNewMarketProposal = useCallback(
|
||||||
|
async (params: GovAddNewMarketParams) => {
|
||||||
|
if (!compositeClient) {
|
||||||
|
throw new Error('client not initialized');
|
||||||
|
} else if (!localDydxWallet) {
|
||||||
|
throw new Error('wallet not initialized');
|
||||||
|
} else if (!newMarketProposal) {
|
||||||
|
throw new Error('governance variables not initialized');
|
||||||
|
}
|
||||||
|
|
||||||
|
const response = await compositeClient.submitGovAddNewMarketProposal(
|
||||||
|
localDydxWallet,
|
||||||
|
params,
|
||||||
|
utils.getGovAddNewMarketTitle(params.ticker),
|
||||||
|
utils.getGovAddNewMarketSummary(params.ticker, newMarketProposal.delayBlocks),
|
||||||
|
newMarketProposal.initialDepositAmount
|
||||||
|
);
|
||||||
|
|
||||||
|
return response;
|
||||||
|
},
|
||||||
|
[compositeClient, localDydxWallet]
|
||||||
|
);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
// Deposit/Withdraw/Faucet Methods
|
// Deposit/Withdraw/Faucet Methods
|
||||||
deposit,
|
deposit,
|
||||||
@@ -403,5 +455,8 @@ export const useSubaccountContext = ({ localDydxWallet }: { localDydxWallet?: Lo
|
|||||||
placeOrder,
|
placeOrder,
|
||||||
closePosition,
|
closePosition,
|
||||||
cancelOrder,
|
cancelOrder,
|
||||||
|
|
||||||
|
// Governance Methods
|
||||||
|
submitNewMarketProposal,
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
import { useCallback, useEffect, useState, useMemo } from 'react';
|
import { useCallback, useEffect, useState, useMemo } from 'react';
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
|
|
||||||
|
import { EvmDerivedAddresses } from '@/constants/account';
|
||||||
|
import { STRING_KEYS } from '@/constants/localization';
|
||||||
import { LocalStorageKey } from '@/constants/localStorage';
|
import { LocalStorageKey } from '@/constants/localStorage';
|
||||||
import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
import { ENVIRONMENT_CONFIG_MAP } from '@/constants/networks';
|
||||||
|
|
||||||
@@ -37,6 +39,7 @@ import { getWalletConnection, parseWalletError } from '@/lib/wallet';
|
|||||||
import { log } from '@/lib/telemetry';
|
import { log } from '@/lib/telemetry';
|
||||||
|
|
||||||
import { useStringGetter } from './useStringGetter';
|
import { useStringGetter } from './useStringGetter';
|
||||||
|
import { testFlags } from '@/lib/testFlags';
|
||||||
|
|
||||||
export const useWalletConnection = () => {
|
export const useWalletConnection = () => {
|
||||||
const stringGetter = useStringGetter();
|
const stringGetter = useStringGetter();
|
||||||
@@ -104,11 +107,17 @@ export const useWalletConnection = () => {
|
|||||||
[walletConnectConfig, walletType, walletConnectionType]
|
[walletConnectConfig, walletType, walletConnectionType]
|
||||||
);
|
);
|
||||||
|
|
||||||
const { connectAsync: connectWagmi } = useConnectWagmi({ connector: wagmiConnector })
|
const { connectAsync: connectWagmi } = useConnectWagmi({ connector: wagmiConnector });
|
||||||
const { suggestAndConnect: connectGraz } = useConnectGraz();
|
const { suggestAndConnect: connectGraz } = useConnectGraz();
|
||||||
|
const [evmDerivedAddresses] = useLocalStorage({
|
||||||
|
key: LocalStorageKey.EvmDerivedAddresses,
|
||||||
|
defaultValue: {} as EvmDerivedAddresses,
|
||||||
|
});
|
||||||
|
|
||||||
const connectWallet = useCallback(
|
const connectWallet = useCallback(
|
||||||
async ({ walletType }: { walletType: WalletType }) => {
|
async ({ walletType, forceConnect }: { walletType?: WalletType; forceConnect?: boolean }) => {
|
||||||
|
if (!walletType) return { walletType, walletConnectionType };
|
||||||
|
|
||||||
const walletConnection = getWalletConnection({ walletType });
|
const walletConnection = getWalletConnection({ walletType });
|
||||||
|
|
||||||
try {
|
try {
|
||||||
@@ -131,8 +140,14 @@ export const useWalletConnection = () => {
|
|||||||
walletType: cosmosWalletType,
|
walletType: cosmosWalletType,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
} else if (walletConnection.type === WalletConnectionType.TestWallet) {
|
||||||
|
saveEvmAddress(STRING_KEYS.TEST_WALLET as EvmAddress);
|
||||||
} else {
|
} else {
|
||||||
if (!isConnectedWagmi) {
|
const isAccountConnected = Boolean(
|
||||||
|
evmAddress && evmDerivedAddresses[evmAddress]?.encryptedSignature
|
||||||
|
);
|
||||||
|
// if account connected (via remember me), do not show wagmi popup until forceConnect
|
||||||
|
if (!isConnectedWagmi && (forceConnect || !isAccountConnected)) {
|
||||||
await connectWagmi({
|
await connectWagmi({
|
||||||
connector: resolveWagmiConnector({
|
connector: resolveWagmiConnector({
|
||||||
walletType,
|
walletType,
|
||||||
@@ -213,6 +228,15 @@ export const useWalletConnection = () => {
|
|||||||
setSelectedWalletType(walletType);
|
setSelectedWalletType(walletType);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// On page load, if testFlag.address is set, connect to the test wallet.
|
||||||
|
useEffect(() => {
|
||||||
|
(async () => {
|
||||||
|
if (testFlags.addressOverride) {
|
||||||
|
setSelectedWalletType(WalletType.TestWallet);
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
}, []);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
// Wallet connection
|
// Wallet connection
|
||||||
walletType,
|
walletType,
|
||||||
@@ -228,6 +252,12 @@ export const useWalletConnection = () => {
|
|||||||
evmAddressWagmi,
|
evmAddressWagmi,
|
||||||
signerWagmi,
|
signerWagmi,
|
||||||
publicClientWagmi,
|
publicClientWagmi,
|
||||||
|
isConnectedWagmi,
|
||||||
|
connectWallet: () =>
|
||||||
|
connectWallet({
|
||||||
|
walletType: selectedWalletType,
|
||||||
|
forceConnect: true,
|
||||||
|
}),
|
||||||
|
|
||||||
// Wallet connection (Cosmos)
|
// Wallet connection (Cosmos)
|
||||||
dydxAddress,
|
dydxAddress,
|
||||||
|
|||||||
@@ -1,3 +1 @@
|
|||||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg fill="none" height="10" viewBox="0 0 15 10" width="15" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m.321829 1.09389c.200562-.192959.469529-.298401.747791-.29315.27827.00525.54307.120763.73621.32115l5.194 5.5132 5.19397-5.5132c.0944-.10408.2088-.188152.3363-.247234.1275-.059081.2655-.091968.406-.096713.1404-.004746.2804.018748.4116.069088s.2509.126504.3522.223979c.1012.09747.1818.21427.2371.34347.0552.12921.084.26819.0845.40871.0006.14052-.0271.27972-.0813.40936s-.1339.24707-.2344.34534l-5.94997 6.3c-.09795.10163-.21538.18245-.34527.23766-.1299.05521-.26959.08367-.41073.08367s-.28083-.02846-.41073-.08367c-.12989-.05521-.24732-.13603-.34527-.23766l-5.950001-6.3c-.192962-.20056-.29840394-.46953-.29315364-.74779.00525031-.27827.12076264-.54307.32115364-.73621z" fill="currentColor" fill-rule="evenodd"/></svg>
|
||||||
<path d="M14 6L7.83335 10.5L2 6" stroke="currentColor" stroke-width="2.25" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 205 B After Width: | Height: | Size: 840 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M7.95513 1.00169C7.89506 1.00645 7.83628 1.02054 7.78124 1.04337L1.31971 3.71042C1.2243 3.74983 1.14329 3.81414 1.08653 3.89553C1.02977 3.97691 0.999705 4.07186 1 4.16883V11.8366C1.00078 11.9327 1.03135 12.0265 1.08805 12.1069C1.14474 12.1873 1.22517 12.2508 1.31971 12.2898L7.78124 14.9568C7.85011 14.9853 7.92463 15 8 15C8.07536 15 8.14989 14.9853 8.21876 14.9568L14.6803 12.2898C14.7748 12.2508 14.8552 12.1873 14.9119 12.1069C14.9686 12.0265 14.9992 11.9327 15 11.8366V4.16883C15.0003 4.07186 14.9702 3.97691 14.9134 3.89553C14.8567 3.81414 14.7756 3.74983 14.6803 3.71042L8.21876 1.04337C8.13605 1.00911 8.04538 0.994778 7.95513 1.00169ZM8 2.04351L13.1378 4.16883L8 6.28894L2.86219 4.16883L8 2.04351ZM2.07693 4.93457L7.46153 7.15886V13.7328L2.07693 11.5084V4.93457ZM13.923 4.93457V11.5084L8.53846 13.7328V7.15886L13.923 4.93457Z" fill="currentColor"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 969 B |
@@ -19,7 +19,6 @@ export { default as CoinMarketCapIcon } from './logos/coinmarketcap.svg';
|
|||||||
export { default as CoinsIcon } from './coins.svg';
|
export { default as CoinsIcon } from './coins.svg';
|
||||||
export { default as CommentIcon } from './comment.svg';
|
export { default as CommentIcon } from './comment.svg';
|
||||||
export { default as CopyIcon } from './copy.svg';
|
export { default as CopyIcon } from './copy.svg';
|
||||||
export { default as CubeIcon } from './cube.svg';
|
|
||||||
export { default as DepositIcon } from './deposit.svg';
|
export { default as DepositIcon } from './deposit.svg';
|
||||||
export { default as DepthChartIcon } from './depth-chart.svg';
|
export { default as DepthChartIcon } from './depth-chart.svg';
|
||||||
export { default as DiscordIcon } from './discord.svg';
|
export { default as DiscordIcon } from './discord.svg';
|
||||||
@@ -40,21 +39,25 @@ export { default as MarketsIcon } from './markets.svg';
|
|||||||
export { default as MenuIcon } from './menu.svg';
|
export { default as MenuIcon } from './menu.svg';
|
||||||
export { default as MigrateIcon } from './migrate.svg';
|
export { default as MigrateIcon } from './migrate.svg';
|
||||||
export { default as MintscanIcon } from './logos/mintscan.svg';
|
export { default as MintscanIcon } from './logos/mintscan.svg';
|
||||||
|
export { default as MoonIcon } from './moon.svg';
|
||||||
export { default as OrderbookIcon } from './orderbook.svg';
|
export { default as OrderbookIcon } from './orderbook.svg';
|
||||||
export { default as OverviewIcon } from './overview.svg';
|
export { default as OverviewIcon } from './overview.svg';
|
||||||
export { default as PencilIcon } from './pencil.svg';
|
export { default as PencilIcon } from './pencil.svg';
|
||||||
export { default as PlayIcon } from './play.svg';
|
export { default as PlayIcon } from './play.svg';
|
||||||
|
export { default as PlusIcon } from './plus.svg';
|
||||||
export { default as PortfolioIcon } from './portfolio.svg';
|
export { default as PortfolioIcon } from './portfolio.svg';
|
||||||
export { default as PositionsIcon } from './positions.svg';
|
export { default as PositionsIcon } from './positions.svg';
|
||||||
export { default as PriceChartIcon } from './price-chart.svg';
|
export { default as PriceChartIcon } from './price-chart.svg';
|
||||||
export { default as PrivacyIcon } from './privacy.svg';
|
export { default as PrivacyIcon } from './privacy.svg';
|
||||||
export { default as ProfileIcon } from './profile.svg';
|
export { default as ProfileIcon } from './profile.svg';
|
||||||
export { default as QrIcon } from './qr.svg';
|
export { default as QrIcon } from './qr.svg';
|
||||||
|
export { default as RewardStarIcon } from './reward-star.svg';
|
||||||
export { default as SearchIcon } from './search.svg';
|
export { default as SearchIcon } from './search.svg';
|
||||||
export { default as SendIcon } from './send.svg';
|
export { default as SendIcon } from './send.svg';
|
||||||
export { default as ShareIcon } from './share.svg';
|
export { default as ShareIcon } from './share.svg';
|
||||||
export { default as ShowIcon } from './show.svg';
|
export { default as ShowIcon } from './show.svg';
|
||||||
export { default as StarIcon } from './star.svg';
|
export { default as StarIcon } from './star.svg';
|
||||||
|
export { default as SunIcon } from './sun.svg';
|
||||||
export { default as TerminalIcon } from './terminal.svg';
|
export { default as TerminalIcon } from './terminal.svg';
|
||||||
export { default as TogglesMenuIcon } from './toggles-menu.svg';
|
export { default as TogglesMenuIcon } from './toggles-menu.svg';
|
||||||
export { default as TradeIcon } from './trade.svg';
|
export { default as TradeIcon } from './trade.svg';
|
||||||
|
|||||||
@@ -1,45 +1,52 @@
|
|||||||
const LogoShortIcon: React.FC<{ id?: string }> = ({ id }: { id?: string }) => (
|
import { useAppThemeContext } from '@/hooks/useAppTheme';
|
||||||
<svg
|
|
||||||
width="135"
|
const LogoShortIcon: React.FC<{ id?: string }> = ({ id }: { id?: string }) => {
|
||||||
height="145"
|
const theme = useAppThemeContext();
|
||||||
viewBox="0 0 135 145"
|
const fill = theme.logoFill;
|
||||||
fill="none"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
return (
|
||||||
>
|
<svg
|
||||||
<path d="M100.986 0L0 144.988H31.0048L132.514 0H100.986Z" fill="white" />
|
width="135"
|
||||||
<path
|
height="145"
|
||||||
d="M34.2346 0L63.9475 42.7232L48.4451 66.0268L2.58386 0H34.2346Z"
|
viewBox="0 0 135 145"
|
||||||
fill={`url(#${id ? `${id}_logo_gradient_0` : 'paint0_linear'})`}
|
fill="none"
|
||||||
/>
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
<path
|
>
|
||||||
d="M103.995 145L71.0526 97.7455L86.555 75.0893L135 145H103.995Z"
|
<path d="M100.986 0L0 144.988H31.0048L132.514 0H100.986Z" fill={fill} />
|
||||||
fill={`url(#${id ? `${id}_logo_gradient_1` : 'paint1_linear'})`}
|
<path
|
||||||
/>
|
d="M34.2346 0L63.9475 42.7232L48.4451 66.0268L2.58386 0H34.2346Z"
|
||||||
<defs>
|
fill={`url(#${id ? `${id}_logo_gradient_0` : 'paint0_linear'})`}
|
||||||
<linearGradient
|
/>
|
||||||
id={id ? `${id}_logo_gradient_0` : 'paint0_linear'}
|
<path
|
||||||
x1="27.1293"
|
d="M103.995 145L71.0526 97.7455L86.555 75.0893L135 145H103.995Z"
|
||||||
y1="9.0625"
|
fill={`url(#${id ? `${id}_logo_gradient_1` : 'paint1_linear'})`}
|
||||||
x2="69.773"
|
/>
|
||||||
y2="60.4324"
|
<defs>
|
||||||
gradientUnits="userSpaceOnUse"
|
<linearGradient
|
||||||
>
|
id={id ? `${id}_logo_gradient_0` : 'paint0_linear'}
|
||||||
<stop stopColor="white" />
|
x1="27.1293"
|
||||||
<stop offset="1" stopColor="white" stopOpacity="0.55" />
|
y1="9.0625"
|
||||||
</linearGradient>
|
x2="69.773"
|
||||||
<linearGradient
|
y2="60.4324"
|
||||||
id={id ? `${id}_logo_gradient_1` : 'paint1_linear'}
|
gradientUnits="userSpaceOnUse"
|
||||||
x1="111.1"
|
>
|
||||||
y1="133.996"
|
<stop stopColor={fill} />
|
||||||
x2="58.6959"
|
<stop offset="1" stopColor={fill} stopOpacity="0.55" />
|
||||||
y2="63.4999"
|
</linearGradient>
|
||||||
gradientUnits="userSpaceOnUse"
|
<linearGradient
|
||||||
>
|
id={id ? `${id}_logo_gradient_1` : 'paint1_linear'}
|
||||||
<stop stopColor="#6966FF" />
|
x1="111.1"
|
||||||
<stop offset="1" stopColor="#6966FF" stopOpacity="0.36" />
|
y1="133.996"
|
||||||
</linearGradient>
|
x2="58.6959"
|
||||||
</defs>
|
y2="63.4999"
|
||||||
</svg>
|
gradientUnits="userSpaceOnUse"
|
||||||
);
|
>
|
||||||
|
<stop stopColor="#6966FF" />
|
||||||
|
<stop offset="1" stopColor="#6966FF" stopOpacity="0.36" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
export default LogoShortIcon;
|
export default LogoShortIcon;
|
||||||
|
|||||||
@@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 380 B |
@@ -0,0 +1 @@
|
|||||||
|
<svg fill="none" height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m6.75.75c0-.198912-.07902-.389678-.21967-.53033-.14065-.1406525-.33142-.21967-.53033-.21967s-.38968.0790175-.53033.21967c-.14065.140652-.21967.331418-.21967.53033v4.5h-4.5c-.198912 0-.389678.07902-.53033.21967-.1406525.14065-.21967.33142-.21967.53033s.0790175.38968.21967.53033c.140652.14065.331418.21967.53033.21967h4.5v4.5c0 .1989.07902.3897.21967.5303.14065.1407.33142.2197.53033.2197s.38968-.079.53033-.2197c.14065-.1406.21967-.3314.21967-.5303v-4.5h4.5c.1989 0 .3897-.07902.5303-.21967.1407-.14065.2197-.33142.2197-.53033s-.079-.38968-.2197-.53033c-.1406-.14065-.3314-.21967-.5303-.21967h-4.5z" fill="currentColor"/></svg>
|
||||||
|
After Width: | Height: | Size: 731 B |
|
After Width: | Height: | Size: 481 KiB |
@@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 393 B |
@@ -1,6 +1,5 @@
|
|||||||
@import 'styles/fonts.css';
|
@import 'styles/fonts.css';
|
||||||
@import 'styles/text.css';
|
@import 'styles/text.css';
|
||||||
@import 'styles/colors.css';
|
|
||||||
@import 'styles/animations.css';
|
@import 'styles/animations.css';
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
@@ -9,6 +8,7 @@
|
|||||||
background-color: var(--color-layer-2);
|
background-color: var(--color-layer-2);
|
||||||
user-select: none;
|
user-select: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
--border: var(--default-border-width) solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
body,
|
body,
|
||||||
@@ -54,7 +54,7 @@ button:disabled {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
:focus-visible{
|
:focus-visible {
|
||||||
outline: var(--color-accent) 1px solid;
|
outline: var(--color-accent) 1px solid;
|
||||||
outline-offset: -1px;
|
outline-offset: -1px;
|
||||||
/* outline-offset: -2px; */
|
/* outline-offset: -2px; */
|
||||||
|
|||||||
@@ -27,6 +27,8 @@ import { ManageFundsDialog } from '@/views/dialogs/ManageFundsDialog';
|
|||||||
|
|
||||||
import { OrderDetailsDialog } from '@/views/dialogs/DetailsDialog/OrderDetailsDialog';
|
import { OrderDetailsDialog } from '@/views/dialogs/DetailsDialog/OrderDetailsDialog';
|
||||||
import { FillDetailsDialog } from '@/views/dialogs/DetailsDialog/FillDetailsDialog';
|
import { FillDetailsDialog } from '@/views/dialogs/DetailsDialog/FillDetailsDialog';
|
||||||
|
import { NewMarketMessageDetailsDialog } from '@/views/dialogs/NewMarketMessageDetailsDialog';
|
||||||
|
import { NewMarketAgreementDialog } from '@/views/dialogs/NewMarketAgreementDialog';
|
||||||
|
|
||||||
export const DialogManager = () => {
|
export const DialogManager = () => {
|
||||||
const dispatch = useDispatch();
|
const dispatch = useDispatch();
|
||||||
@@ -67,5 +69,7 @@ export const DialogManager = () => {
|
|||||||
[DialogTypes.Transfer]: <TransferDialog {...modalProps} />,
|
[DialogTypes.Transfer]: <TransferDialog {...modalProps} />,
|
||||||
[DialogTypes.Withdraw]: <WithdrawDialog {...modalProps} />,
|
[DialogTypes.Withdraw]: <WithdrawDialog {...modalProps} />,
|
||||||
[DialogTypes.ManageFunds]: <ManageFundsDialog {...modalProps} />,
|
[DialogTypes.ManageFunds]: <ManageFundsDialog {...modalProps} />,
|
||||||
|
[DialogTypes.NewMarketMessageDetails]: <NewMarketMessageDetailsDialog {...modalProps} />,
|
||||||
|
[DialogTypes.NewMarketAgreement]: <NewMarketAgreementDialog {...modalProps} />,
|
||||||
}[type];
|
}[type];
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,7 +1,11 @@
|
|||||||
import { useMemo, useState } from 'react';
|
import { useState } from 'react';
|
||||||
import styled, { css } from 'styled-components';
|
import styled, { css } from 'styled-components';
|
||||||
|
|
||||||
import { NotificationStatus } from '@/constants/notifications';
|
import {
|
||||||
|
type Notification,
|
||||||
|
type NotificationDisplayData,
|
||||||
|
NotificationStatus,
|
||||||
|
} from '@/constants/notifications';
|
||||||
import { ButtonShape, ButtonSize } from '@/constants/buttons';
|
import { ButtonShape, ButtonSize } from '@/constants/buttons';
|
||||||
import { useNotifications } from '@/hooks/useNotifications';
|
import { useNotifications } from '@/hooks/useNotifications';
|
||||||
import { useBreakpoints } from '@/hooks/useBreakpoints';
|
import { useBreakpoints } from '@/hooks/useBreakpoints';
|
||||||
@@ -13,54 +17,31 @@ import { Toast } from '@/components/Toast';
|
|||||||
import { ToastArea } from '@/components/ToastArea';
|
import { ToastArea } from '@/components/ToastArea';
|
||||||
import { ToggleButton } from '@/components/ToggleButton';
|
import { ToggleButton } from '@/components/ToggleButton';
|
||||||
|
|
||||||
|
type ElementProps = {
|
||||||
|
notifications: {
|
||||||
|
notification: Notification<any, any>;
|
||||||
|
key: string;
|
||||||
|
displayData: NotificationDisplayData;
|
||||||
|
}[];
|
||||||
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
className?: string;
|
className?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
const MAX_TOASTS = 10;
|
export const NotificationStack = ({ notifications, className }: ElementProps & StyleProps) => {
|
||||||
|
|
||||||
export const NotificationsToastArea = ({ className }: StyleProps) => {
|
|
||||||
const [shouldStackNotifications, setshouldStackNotifications] = useState(true);
|
const [shouldStackNotifications, setshouldStackNotifications] = useState(true);
|
||||||
|
|
||||||
const {
|
const { markUnseen, markSeen, onNotificationAction } = useNotifications();
|
||||||
notifications,
|
|
||||||
getKey,
|
|
||||||
getDisplayData,
|
|
||||||
markUnseen,
|
|
||||||
markSeen,
|
|
||||||
isMenuOpen,
|
|
||||||
onNotificationAction,
|
|
||||||
} = useNotifications();
|
|
||||||
|
|
||||||
const { isMobile } = useBreakpoints();
|
const { isMobile } = useBreakpoints();
|
||||||
const notificationMap = useMemo(() => {
|
const hasMultipleToasts = notifications.length > 1;
|
||||||
return (
|
|
||||||
Object.values(notifications)
|
|
||||||
// Sort by time of first trigger
|
|
||||||
.sort(
|
|
||||||
(n1, n2) =>
|
|
||||||
n1.timestamps[NotificationStatus.Triggered]! -
|
|
||||||
n2.timestamps[NotificationStatus.Triggered]!
|
|
||||||
)
|
|
||||||
.map((notification) => ({
|
|
||||||
notification,
|
|
||||||
key: getKey(notification),
|
|
||||||
displayData: getDisplayData(notification),
|
|
||||||
}))
|
|
||||||
.filter(
|
|
||||||
({ displayData, notification }) =>
|
|
||||||
displayData && notification.status < NotificationStatus.Unseen
|
|
||||||
)
|
|
||||||
.slice(-MAX_TOASTS)
|
|
||||||
);
|
|
||||||
}, [notifications, getKey, getDisplayData]);
|
|
||||||
|
|
||||||
if (isMenuOpen) return null;
|
|
||||||
|
|
||||||
const hasMultipleToasts = notificationMap.length > 1;
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledToastArea swipeDirection={isMobile ? 'up' : 'right'} className={className}>
|
<StyledToastArea
|
||||||
|
swipeDirection={isMobile ? 'up' : 'right'}
|
||||||
|
className={className}
|
||||||
|
size={notifications.length}
|
||||||
|
>
|
||||||
{hasMultipleToasts && (
|
{hasMultipleToasts && (
|
||||||
<StyledToggleButton
|
<StyledToggleButton
|
||||||
shape={ButtonShape.Pill}
|
shape={ButtonShape.Pill}
|
||||||
@@ -72,12 +53,12 @@ export const NotificationsToastArea = ({ className }: StyleProps) => {
|
|||||||
</StyledToggleButton>
|
</StyledToggleButton>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{notificationMap.map(({ notification, key, displayData }, idx) => (
|
{notifications.map(({ notification, key, displayData }, idx) => (
|
||||||
<StyledToast
|
<StyledToast
|
||||||
key={key}
|
key={key}
|
||||||
isStacked={shouldStackNotifications}
|
isStacked={idx > 0 && shouldStackNotifications}
|
||||||
isOpen={notification.status < NotificationStatus.Unseen}
|
isOpen={notification.status < NotificationStatus.Unseen}
|
||||||
layer={notificationMap.length - 1 - idx}
|
layer={idx}
|
||||||
notification={notification}
|
notification={notification}
|
||||||
slotIcon={displayData.icon}
|
slotIcon={displayData.icon}
|
||||||
slotTitle={displayData.title}
|
slotTitle={displayData.title}
|
||||||
@@ -110,19 +91,13 @@ export const NotificationsToastArea = ({ className }: StyleProps) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const StyledToastArea = styled(ToastArea)`
|
const StyledToastArea = styled(ToastArea)<{ size: number }>`
|
||||||
position: absolute;
|
position: relative;
|
||||||
width: min(17.5rem, 100%);
|
${({ size }) =>
|
||||||
inset: 0 0 0 auto;
|
size &&
|
||||||
|
css`
|
||||||
padding: 0.75rem 0.75rem 0.75rem 0;
|
padding-bottom: calc(${size - 1} * 2px);
|
||||||
|
`}
|
||||||
mask-image: linear-gradient(to left, transparent, white 0.5rem);
|
|
||||||
|
|
||||||
@media ${breakpoints.mobile} {
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const StyledToast = styled(Toast)<{ isStacked?: boolean; layer: number }>`
|
const StyledToast = styled(Toast)<{ isStacked?: boolean; layer: number }>`
|
||||||
@@ -133,7 +108,7 @@ const StyledToast = styled(Toast)<{ isStacked?: boolean; layer: number }>`
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: calc(${layer} * 2px);
|
top: calc(${layer} * 2px);
|
||||||
right: calc(${layer} * -2px);
|
right: 0;
|
||||||
`
|
`
|
||||||
: css`
|
: css`
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
@@ -145,7 +120,7 @@ const StyledToggleButton = styled(ToggleButton)<{ isPressed: boolean }>`
|
|||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 4px;
|
top: -0.5rem;
|
||||||
left: calc(50% - 0.75rem);
|
left: calc(50% - 0.75rem);
|
||||||
--button-width: 2rem;
|
--button-width: 2rem;
|
||||||
--button-height: 1rem;
|
--button-height: 1rem;
|
||||||
@@ -0,0 +1,71 @@
|
|||||||
|
import { useMemo } from 'react';
|
||||||
|
import { groupBy } from 'lodash';
|
||||||
|
import styled from 'styled-components';
|
||||||
|
|
||||||
|
import { breakpoints } from '@/styles';
|
||||||
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
|
import { NotificationStatus } from '@/constants/notifications';
|
||||||
|
import { useNotifications } from '@/hooks/useNotifications';
|
||||||
|
|
||||||
|
import { NotificationStack } from './NotifcationStack';
|
||||||
|
|
||||||
|
type StyleProps = {
|
||||||
|
className?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const MAX_TOASTS = 10;
|
||||||
|
|
||||||
|
export const NotificationsToastArea = ({ className }: StyleProps) => {
|
||||||
|
const { notifications, getKey, getDisplayData, isMenuOpen } = useNotifications();
|
||||||
|
|
||||||
|
const notificationMapByType = useMemo(() => {
|
||||||
|
const notificationMap = Object.values(notifications)
|
||||||
|
// Sort by time of first trigger
|
||||||
|
.sort(
|
||||||
|
(n1, n2) =>
|
||||||
|
n1.timestamps[NotificationStatus.Triggered]! -
|
||||||
|
n2.timestamps[NotificationStatus.Triggered]!
|
||||||
|
)
|
||||||
|
.map((notification) => ({
|
||||||
|
notification,
|
||||||
|
key: getKey(notification),
|
||||||
|
displayData: getDisplayData(notification),
|
||||||
|
}))
|
||||||
|
.filter(
|
||||||
|
({ displayData, notification }) =>
|
||||||
|
displayData && notification.status < NotificationStatus.Unseen
|
||||||
|
)
|
||||||
|
.slice(-MAX_TOASTS);
|
||||||
|
return groupBy(notificationMap, (notification) => notification.displayData?.groupKey);
|
||||||
|
}, [notifications, getKey, getDisplayData]);
|
||||||
|
|
||||||
|
if (isMenuOpen) return null;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<StyledToastArea className={className}>
|
||||||
|
{Object.keys(notificationMapByType).map((groupKey) => (
|
||||||
|
<NotificationStack notifications={notificationMapByType[groupKey]} key={groupKey} />
|
||||||
|
))}
|
||||||
|
</StyledToastArea>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const StyledToastArea = styled.div`
|
||||||
|
${layoutMixins.scrollArea}
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
width: min(17.5rem, 100%);
|
||||||
|
inset: 0 0 0 auto;
|
||||||
|
|
||||||
|
padding: 0.75rem 0.75rem 0.75rem 0;
|
||||||
|
|
||||||
|
mask-image: linear-gradient(to left, transparent, white 0.5rem);
|
||||||
|
|
||||||
|
pointer-events: none;
|
||||||
|
|
||||||
|
@media ${breakpoints.mobile} {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
`;
|
||||||
@@ -2,6 +2,7 @@ import Abacus, { type Nullable } from '@dydxprotocol/v4-abacus';
|
|||||||
import Long from 'long';
|
import Long from 'long';
|
||||||
import type { IndexedTx } from '@cosmjs/stargate';
|
import type { IndexedTx } from '@cosmjs/stargate';
|
||||||
import { GAS_MULTIPLIER, encodeJson } from '@dydxprotocol/v4-client-js';
|
import { GAS_MULTIPLIER, encodeJson } from '@dydxprotocol/v4-client-js';
|
||||||
|
import { EncodeObject } from '@cosmjs/proto-signing';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
CompositeClient,
|
CompositeClient,
|
||||||
@@ -41,6 +42,7 @@ import { openDialog } from '@/state/dialogs';
|
|||||||
import { StatefulOrderError } from '../errors';
|
import { StatefulOrderError } from '../errors';
|
||||||
import { bytesToBigInt } from '../numbers';
|
import { bytesToBigInt } from '../numbers';
|
||||||
import { log } from '../telemetry';
|
import { log } from '../telemetry';
|
||||||
|
import { hashFromTx } from '../hashfromTx';
|
||||||
|
|
||||||
class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
||||||
private compositeClient: CompositeClient | undefined;
|
private compositeClient: CompositeClient | undefined;
|
||||||
@@ -54,6 +56,10 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
this.store = undefined;
|
this.store = undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
get isNobleClientConnected(): boolean {
|
||||||
|
return this.nobleClient?.isConnected ?? false;
|
||||||
|
}
|
||||||
|
|
||||||
setStore(store: RootStore): void {
|
setStore(store: RootStore): void {
|
||||||
this.store = store;
|
this.store = store;
|
||||||
}
|
}
|
||||||
@@ -63,9 +69,13 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
}
|
}
|
||||||
|
|
||||||
setNobleWallet(nobleWallet: LocalWallet) {
|
setNobleWallet(nobleWallet: LocalWallet) {
|
||||||
this.nobleWallet = nobleWallet;
|
try {
|
||||||
if (this.nobleClient) {
|
this.nobleWallet = nobleWallet;
|
||||||
this.nobleClient.connect(nobleWallet);
|
if (this.nobleClient) {
|
||||||
|
this.nobleClient.connect(nobleWallet);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
log('DydxChainTransactions/setNobleWallet', e);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -112,10 +122,15 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
|
|
||||||
this.compositeClient = compositeClient;
|
this.compositeClient = compositeClient;
|
||||||
|
|
||||||
if (nobleValidatorUrl) {
|
try {
|
||||||
this.nobleClient = new NobleClient(nobleValidatorUrl);
|
if (nobleValidatorUrl) {
|
||||||
if (this.nobleWallet) await this.nobleClient.connect(this.nobleWallet);
|
this.nobleClient = new NobleClient(nobleValidatorUrl);
|
||||||
|
if (this.nobleWallet) await this.nobleClient.connect(this.nobleWallet);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
log('DydxChainTransactions/connectNetwork/NobleClient', e);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dispatch custom event to notify other parts of the app that the network has been connected
|
// Dispatch custom event to notify other parts of the app that the network has been connected
|
||||||
const customEvent = new CustomEvent('abacus:connectNetwork', {
|
const customEvent = new CustomEvent('abacus:connectNetwork', {
|
||||||
detail: parsedParams,
|
detail: parsedParams,
|
||||||
@@ -158,6 +173,10 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
return parsedObj as T;
|
return parsedObj as T;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (typeof x === 'bigint') {
|
||||||
|
return x.toString() as T;
|
||||||
|
}
|
||||||
|
|
||||||
throw new Error(`Unsupported data type: ${typeof x}`);
|
throw new Error(`Unsupported data type: ${typeof x}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -201,8 +220,8 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
timeInForce as OrderTimeInForce,
|
timeInForce as OrderTimeInForce,
|
||||||
goodTilTimeInSeconds ?? 0,
|
goodTilTimeInSeconds ?? 0,
|
||||||
execution as OrderExecution,
|
execution as OrderExecution,
|
||||||
postOnly,
|
postOnly ?? undefined,
|
||||||
reduceOnly,
|
reduceOnly ?? undefined,
|
||||||
triggerPrice ?? undefined
|
triggerPrice ?? undefined
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -340,12 +359,7 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async sendNobleIBC(
|
async sendNobleIBC(params: { msgTypeUrl: string; msg: any }): Promise<string> {
|
||||||
params: {
|
|
||||||
msgTypeUrl: string,
|
|
||||||
msg: any,
|
|
||||||
}
|
|
||||||
): Promise<string> {
|
|
||||||
if (!this.nobleClient?.isConnected) {
|
if (!this.nobleClient?.isConnected) {
|
||||||
throw new Error('Missing nobleClient or localWallet');
|
throw new Error('Missing nobleClient or localWallet');
|
||||||
}
|
}
|
||||||
@@ -353,12 +367,19 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
try {
|
try {
|
||||||
const ibcMsg = {
|
const ibcMsg = {
|
||||||
typeUrl: params.msgTypeUrl, // '/ibc.applications.transfer.v1.MsgTransfer',
|
typeUrl: params.msgTypeUrl, // '/ibc.applications.transfer.v1.MsgTransfer',
|
||||||
value: params.msg,
|
value: {
|
||||||
|
...params.msg,
|
||||||
|
timeoutTimestamp: params.msg.timeoutTimestamp
|
||||||
|
// Squid returns timeoutTimestamp as Long, but the signer expects BigInt
|
||||||
|
? BigInt(Long.fromValue(params.msg.timeoutTimestamp).toString())
|
||||||
|
: undefined,
|
||||||
|
},
|
||||||
};
|
};
|
||||||
const fee = await this.nobleClient.simulateTransaction([ibcMsg]);
|
const fee = await this.nobleClient.simulateTransaction([ibcMsg]);
|
||||||
|
|
||||||
// take out fee from amount before sweeping
|
// take out fee from amount before sweeping
|
||||||
const amount = parseInt(ibcMsg.value.token.amount, 10) -
|
const amount =
|
||||||
|
parseInt(ibcMsg.value.token.amount, 10) -
|
||||||
Math.floor(parseInt(fee.amount[0].amount, 10) * GAS_MULTIPLIER);
|
Math.floor(parseInt(fee.amount[0].amount, 10) * GAS_MULTIPLIER);
|
||||||
|
|
||||||
if (amount <= 0) {
|
if (amount <= 0) {
|
||||||
@@ -380,6 +401,92 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async withdrawToNobleIBC(params: {
|
||||||
|
subaccountNumber: number;
|
||||||
|
amount: string;
|
||||||
|
ibcPayload: string;
|
||||||
|
}): Promise<string> {
|
||||||
|
if (!this.compositeClient || !this.localWallet) {
|
||||||
|
throw new Error('Missing compositeClient or localWallet');
|
||||||
|
}
|
||||||
|
|
||||||
|
const { subaccountNumber, amount, ibcPayload } = params ?? {};
|
||||||
|
const parsedIbcPayload: {
|
||||||
|
msgTypeUrl: string;
|
||||||
|
msg: any;
|
||||||
|
} = ibcPayload ? JSON.parse(atob(ibcPayload)) : undefined;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const msg = this.compositeClient.withdrawFromSubaccountMessage(
|
||||||
|
new SubaccountClient(this.localWallet, subaccountNumber),
|
||||||
|
parseFloat(amount).toFixed(this.compositeClient.validatorClient.config.denoms.USDC_DECIMALS)
|
||||||
|
);
|
||||||
|
const ibcMsg: EncodeObject = {
|
||||||
|
typeUrl: parsedIbcPayload.msgTypeUrl,
|
||||||
|
value: {
|
||||||
|
...parsedIbcPayload.msg,
|
||||||
|
timeoutTimestamp: parsedIbcPayload.msg.timeoutTimestamp
|
||||||
|
// Squid returns timeoutTimestamp as Long, but the signer expects BigInt
|
||||||
|
? BigInt(Long.fromValue(parsedIbcPayload.msg.timeoutTimestamp).toString())
|
||||||
|
: undefined,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
const tx = await this.compositeClient.send(
|
||||||
|
this.localWallet,
|
||||||
|
() => Promise.resolve([msg, ibcMsg]),
|
||||||
|
false
|
||||||
|
);
|
||||||
|
|
||||||
|
return JSON.stringify({
|
||||||
|
txHash: hashFromTx(tx?.hash),
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
log('DydxChainTransactions/withdrawToNobleIBC', error);
|
||||||
|
|
||||||
|
return JSON.stringify({
|
||||||
|
error,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async cctpWithdraw(params: { typeUrl: string; value: any }): Promise<string> {
|
||||||
|
if (!this.nobleClient?.isConnected) {
|
||||||
|
throw new Error('Missing nobleClient or localWallet');
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const ibcMsg = {
|
||||||
|
typeUrl: params.typeUrl, // '/circle.cctp.v1.MsgDepositForBurn',
|
||||||
|
value: params.value,
|
||||||
|
};
|
||||||
|
const fee = await this.nobleClient.simulateTransaction([ibcMsg]);
|
||||||
|
|
||||||
|
// take out fee from amount before sweeping
|
||||||
|
const amount =
|
||||||
|
parseInt(ibcMsg.value.amount, 10) -
|
||||||
|
Math.floor(parseInt(fee.amount[0].amount, 10) * GAS_MULTIPLIER);
|
||||||
|
|
||||||
|
if (amount <= 0) {
|
||||||
|
throw new Error('noble balance does not cover fees');
|
||||||
|
}
|
||||||
|
|
||||||
|
ibcMsg.value.amount = amount.toString();
|
||||||
|
|
||||||
|
const tx = await this.nobleClient.send([ibcMsg]);
|
||||||
|
|
||||||
|
const parsedTx = this.parseToPrimitives(tx);
|
||||||
|
|
||||||
|
return JSON.stringify(parsedTx);
|
||||||
|
} catch (error) {
|
||||||
|
log('DydxChainTransactions/cctpWithdraw', error);
|
||||||
|
|
||||||
|
return JSON.stringify({
|
||||||
|
error,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async transaction(
|
async transaction(
|
||||||
type: TransactionTypes,
|
type: TransactionTypes,
|
||||||
paramsInJson: Abacus.Nullable<string>,
|
paramsInJson: Abacus.Nullable<string>,
|
||||||
@@ -414,6 +521,17 @@ class DydxChainTransactions implements AbacusDYDXChainTransactionsProtocol {
|
|||||||
callback(result);
|
callback(result);
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
case TransactionType.WithdrawToNobleIBC: {
|
||||||
|
const result = await this.withdrawToNobleIBC(params);
|
||||||
|
callback(result);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case TransactionType.CctpWithdraw: {
|
||||||
|
const result = await this.cctpWithdraw(params);
|
||||||
|
callback(result);
|
||||||
|
break;
|
||||||
|
break;
|
||||||
|
}
|
||||||
default: {
|
default: {
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -84,8 +84,7 @@ class AbacusStateManager {
|
|||||||
);
|
);
|
||||||
|
|
||||||
const appConfigs = AbacusAppConfig.Companion.forWeb;
|
const appConfigs = AbacusAppConfig.Companion.forWeb;
|
||||||
if (!isMainnet || testFlags.withCCTP)
|
appConfigs.squidVersion = AbacusAppConfig.SquidVersion.V2;
|
||||||
appConfigs.squidVersion = AbacusAppConfig.SquidVersion.V2DepositOnly;
|
|
||||||
|
|
||||||
this.stateManager = new AsyncAbacusStateManager(
|
this.stateManager = new AsyncAbacusStateManager(
|
||||||
'',
|
'',
|
||||||
@@ -172,6 +171,15 @@ class AbacusStateManager {
|
|||||||
this.setTransferValue({ value: null, field: TransferInputField.usdcSize });
|
this.setTransferValue({ value: null, field: TransferInputField.usdcSize });
|
||||||
};
|
};
|
||||||
|
|
||||||
|
resetInputState = () => {
|
||||||
|
this.clearTransferInputValues();
|
||||||
|
this.setTransferValue({
|
||||||
|
field: TransferInputField.type,
|
||||||
|
value: null,
|
||||||
|
});
|
||||||
|
this.clearTradeInputValues();
|
||||||
|
};
|
||||||
|
|
||||||
// ------ Set Data ------ //
|
// ------ Set Data ------ //
|
||||||
setStore = (store: RootStore) => {
|
setStore = (store: RootStore) => {
|
||||||
this.store = store;
|
this.store = store;
|
||||||
@@ -262,6 +270,10 @@ class AbacusStateManager {
|
|||||||
) => void
|
) => void
|
||||||
) => this.stateManager.cancelOrder(orderId, callback);
|
) => this.stateManager.cancelOrder(orderId, callback);
|
||||||
|
|
||||||
|
cctpWithdraw = (
|
||||||
|
callback: (success: boolean, parsingError: Nullable<ParsingError>, data: string) => void
|
||||||
|
): void => this.stateManager.commitCCTPWithdraw(callback);
|
||||||
|
|
||||||
// ------ Utils ------ //
|
// ------ Utils ------ //
|
||||||
getHistoricalPnlPeriod = (): Nullable<HistoricalPnlPeriods> =>
|
getHistoricalPnlPeriod = (): Nullable<HistoricalPnlPeriods> =>
|
||||||
this.stateManager.historicalPnlPeriod;
|
this.stateManager.historicalPnlPeriod;
|
||||||
|
|||||||
@@ -0,0 +1,16 @@
|
|||||||
|
const csvToArray = <T>({ stringVal, splitter }: { stringVal: string; splitter: string }) => {
|
||||||
|
const [keys, ...rest] = stringVal
|
||||||
|
.trim()
|
||||||
|
.split('\n')
|
||||||
|
.map((item) => item.split(splitter));
|
||||||
|
|
||||||
|
const formedArr = rest.map((item) => {
|
||||||
|
const object: Record<string, string> = {};
|
||||||
|
keys.forEach((key, index) => (object[key] = item[index]));
|
||||||
|
return object;
|
||||||
|
});
|
||||||
|
|
||||||
|
return formedArr as T;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default csvToArray;
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
export const hashFromTx = (
|
||||||
|
txHash: string | Uint8Array
|
||||||
|
): string => `0x${Buffer.from(txHash).toString('hex')}`;
|
||||||
@@ -0,0 +1,133 @@
|
|||||||
|
// ------ Canvas helper methods ------ //
|
||||||
|
|
||||||
|
import type { MarketOrderbook, Nullable, PerpetualMarketOrderbookLevel } from '@/constants/abacus';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @returns top left x,y and bottom x,y from array idx
|
||||||
|
*/
|
||||||
|
export const getRektFromIdx = ({
|
||||||
|
idx,
|
||||||
|
canvasWidth,
|
||||||
|
canvasHeight,
|
||||||
|
rowHeight,
|
||||||
|
side = 'bid',
|
||||||
|
}: {
|
||||||
|
idx: number;
|
||||||
|
canvasWidth: number;
|
||||||
|
canvasHeight: number;
|
||||||
|
rowHeight: number;
|
||||||
|
side: PerpetualMarketOrderbookLevel['side'];
|
||||||
|
}) => {
|
||||||
|
/**
|
||||||
|
* Does not change
|
||||||
|
*/
|
||||||
|
const x1 = 0;
|
||||||
|
const x2 = Math.floor(canvasWidth);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Changes based on side
|
||||||
|
* Asks: The drawing should starts from the bottom of the orderbook
|
||||||
|
*/
|
||||||
|
if (side === 'ask') {
|
||||||
|
const y1 = Math.floor(canvasHeight - (idx + 1) * rowHeight);
|
||||||
|
const y2 = Math.floor(y1 + rowHeight);
|
||||||
|
return { x1, x2, y1, y2 };
|
||||||
|
}
|
||||||
|
|
||||||
|
const y1 = Math.floor(idx * rowHeight);
|
||||||
|
const y2 = Math.floor(y1 + rowHeight);
|
||||||
|
return { x1, x2, y1, y2 };
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @returns y value for text and bar
|
||||||
|
*/
|
||||||
|
export const getYForElements = ({ y, rowHeight }: { y: number; rowHeight: number }) => ({
|
||||||
|
text: Math.floor(y + rowHeight / 2),
|
||||||
|
bar: Math.floor(y + 1),
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description X coordinate for text
|
||||||
|
* @returns Get X value by column, colIdx starts at 0
|
||||||
|
*/
|
||||||
|
export const getXByColumn = ({ canvasWidth, colIdx }: { canvasWidth: number; colIdx: number }) => {
|
||||||
|
return Math.floor(((colIdx + 1) * canvasWidth) / 3);
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* to === 'right' to === 'left'
|
||||||
|
* |===================| |===================|
|
||||||
|
* bar: a b c d
|
||||||
|
* a = 0
|
||||||
|
* b = depthBarWidth
|
||||||
|
* c = canvasWidth - depthBarWidth
|
||||||
|
* d = canvasWidth
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
export const getHistogramXValues = ({
|
||||||
|
barWidth,
|
||||||
|
canvasWidth,
|
||||||
|
gradientMultiplier,
|
||||||
|
histogramSide,
|
||||||
|
}: {
|
||||||
|
barWidth: number;
|
||||||
|
canvasWidth: number;
|
||||||
|
gradientMultiplier: number;
|
||||||
|
histogramSide: 'left' | 'right';
|
||||||
|
}) => {
|
||||||
|
const gradient = {
|
||||||
|
x1: Math.floor(histogramSide === 'left' ? barWidth : canvasWidth - barWidth),
|
||||||
|
x2: Math.floor(
|
||||||
|
histogramSide === 'left'
|
||||||
|
? 0 - (canvasWidth * gradientMultiplier - canvasWidth)
|
||||||
|
: canvasWidth * gradientMultiplier
|
||||||
|
),
|
||||||
|
};
|
||||||
|
const bar = {
|
||||||
|
x1: Math.floor(histogramSide === 'left' ? 0 : canvasWidth - barWidth),
|
||||||
|
x2: Math.floor(histogramSide === 'left' ? Math.min(barWidth, canvasWidth) : canvasWidth),
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
bar,
|
||||||
|
gradient,
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
// ------ Orderbook helper methods ------ //
|
||||||
|
export const processOrderbookToCreateMap = ({
|
||||||
|
orderbookMap,
|
||||||
|
newOrderbook,
|
||||||
|
}: {
|
||||||
|
orderbookMap?: {
|
||||||
|
asks: Record<string, number>;
|
||||||
|
bids: Record<string, number>;
|
||||||
|
};
|
||||||
|
newOrderbook: Nullable<MarketOrderbook>;
|
||||||
|
}) => {
|
||||||
|
// Create Orderbooks Map indexed by Price
|
||||||
|
const asks = newOrderbook?.asks?.toArray() ?? [];
|
||||||
|
const bids = newOrderbook?.bids?.toArray() ?? [];
|
||||||
|
const prevAsks = orderbookMap?.asks ?? {};
|
||||||
|
const prevBids = orderbookMap?.bids ?? {};
|
||||||
|
const newAsks = Object.fromEntries(asks.map((ask) => [ask.price, ask.size]) ?? {});
|
||||||
|
const newBids = Object.fromEntries(bids.map((bid) => [bid.price, bid.size]) ?? {});
|
||||||
|
|
||||||
|
Object.keys(prevAsks).forEach((price) => {
|
||||||
|
if (!newAsks[price] || newAsks[price] === 0) {
|
||||||
|
newAsks[price] = 0;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Object.keys(prevBids).forEach((price) => {
|
||||||
|
if (!newBids[price] || newBids[price] === 0) {
|
||||||
|
newBids[price] = 0;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
newAsks,
|
||||||
|
newBids,
|
||||||
|
};
|
||||||
|
};
|
||||||
@@ -0,0 +1,20 @@
|
|||||||
|
import { css } from 'styled-components';
|
||||||
|
|
||||||
|
import { type RiskLevels } from '@/constants/abacus';
|
||||||
|
|
||||||
|
export const UsageColorFromRiskLevel = (riskLevel: RiskLevels) =>
|
||||||
|
({
|
||||||
|
low: css`
|
||||||
|
color: var(--color-risk-low);
|
||||||
|
`,
|
||||||
|
medium: css`
|
||||||
|
color: var(--color-risk-medium);
|
||||||
|
`,
|
||||||
|
high: css`
|
||||||
|
color: var(--color-risk-high);
|
||||||
|
`,
|
||||||
|
}[riskLevel.name]);
|
||||||
|
|
||||||
|
export const generateFadedColorVariant = (colorHex: string, opacityHex: string) => {
|
||||||
|
return `${colorHex}${opacityHex}`;
|
||||||
|
};
|
||||||