Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
50c4ee8d67 | ||
|
|
97eeb82ef7 | ||
|
|
1191d99a01 | ||
|
|
f54e0be91b | ||
|
|
3da54ac860 | ||
|
|
81b428cffd | ||
|
|
1fc74166c0 | ||
|
|
7b29188770 | ||
|
|
4df0fc50f5 | ||
|
|
eabd5dda54 | ||
|
|
8f89dcd61c | ||
|
|
23a96c1c20 | ||
|
|
d81e6b3a2c | ||
|
|
732114a8de | ||
|
|
2c220233e3 | ||
|
|
8187e3615b | ||
|
|
c5888c2d5c | ||
|
|
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 | ||
|
|
9979bc8a16 | ||
|
|
a958a59ea2 | ||
|
|
2bf9e66da5 | ||
|
|
2980144e40 | ||
|
|
5387fe8632 | ||
|
|
1132ea3bbd | ||
|
|
9188e08a4f | ||
|
|
941ef7f9dd | ||
|
|
b1ffa2e219 | ||
|
|
91ea68dc53 | ||
|
|
cf79528d05 | ||
|
|
ef81f9da57 | ||
|
|
60d59cd211 | ||
|
|
19d38378f3 | ||
|
|
15a64232c0 | ||
|
|
28d3be0370 | ||
|
|
90ff9ccc5a | ||
|
|
33516422e7 | ||
|
|
eb31610a38 | ||
|
|
b0e1655018 | ||
|
|
b4cc5f87ec | ||
|
|
549ae558e7 | ||
|
|
5b06110e2d | ||
|
|
e3da2ee4b1 | ||
|
|
6b38d68b09 | ||
|
|
1dedc93a56 | ||
|
|
1427b55728 | ||
|
|
20521b5b3f | ||
|
|
532df49a06 | ||
|
|
fb65db633a | ||
|
|
279ef6b4f9 | ||
|
|
0def18db07 | ||
|
|
50bd860ced | ||
|
|
818574cedb | ||
|
|
3be0429a60 | ||
|
|
b8e72246b9 | ||
|
|
99e708a984 | ||
|
|
876f620ada | ||
|
|
b9550890da | ||
|
|
3732b955f5 | ||
|
|
253bfc0eff | ||
|
|
d4bcfc0428 | ||
|
|
7dec32df5e | ||
|
|
e09d574d5b | ||
|
|
944fc6dc95 | ||
|
|
91a97a1c68 | ||
|
|
c5f736d805 | ||
|
|
3769f7078c | ||
|
|
edc9fadfee | ||
|
|
5e2d426cd1 | ||
|
|
766209baf1 | ||
|
|
906faa554d | ||
|
|
c339eeccde | ||
|
|
bd03fb73ca | ||
|
|
31825a8a52 | ||
|
|
8d5bf1a721 | ||
|
|
7f3d57b46a | ||
|
|
c292c84c2c | ||
|
|
2d37ff676b |
@@ -5,34 +5,32 @@ 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 { AppThemeAndColorModeProvider } from '@/hooks/useAppThemeAndColorMode';
|
||||||
|
|
||||||
|
import {
|
||||||
|
AppTheme,
|
||||||
|
AppThemeSystemSetting,
|
||||||
|
AppColorMode,
|
||||||
|
setAppThemeSetting,
|
||||||
|
setAppColorMode,
|
||||||
|
} 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);
|
||||||
|
const [colorMode, setColorMode] = useState(AppColorMode.GreenUp);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
switch (theme) {
|
store.dispatch(setAppThemeSetting(theme));
|
||||||
case 'Dark theme': {
|
store.dispatch(setAppColorMode(colorMode));
|
||||||
document?.documentElement?.classList.remove('theme-light');
|
}, [theme, colorMode]);
|
||||||
document?.documentElement?.classList.add('theme-dark');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case 'Light theme': {
|
|
||||||
document?.documentElement?.classList.remove('theme-dark');
|
|
||||||
document?.documentElement?.classList.add('theme-light');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
default: {
|
|
||||||
document?.documentElement?.classList.remove('theme-dark', 'theme-light');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, [theme]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
store.dispatch(setLocaleLoaded(true));
|
store.dispatch(setLocaleLoaded(true));
|
||||||
@@ -42,34 +40,49 @@ export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children
|
|||||||
<Provider store={store}>
|
<Provider store={store}>
|
||||||
<StoryHeader>
|
<StoryHeader>
|
||||||
<h4>Active Theme:</h4>
|
<h4>Active Theme:</h4>
|
||||||
<SelectMenu
|
<SelectMenu value={theme} onValueChange={setTheme}>
|
||||||
value={theme}
|
|
||||||
onValueChange={setTheme}
|
|
||||||
>
|
|
||||||
{[
|
{[
|
||||||
{
|
{
|
||||||
value: 'Default theme',
|
value: AppTheme.Classic,
|
||||||
label: 'Default theme',
|
label: 'Default theme',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 'Dark theme',
|
value: AppThemeSystemSetting.System,
|
||||||
|
label: 'System 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 }) => (
|
||||||
<SelectItem
|
<SelectItem key={value} value={value} label={label} />
|
||||||
key={value}
|
))}
|
||||||
value={value}
|
</SelectMenu>
|
||||||
label={label}
|
<h4>Active Color Mode:</h4>
|
||||||
/>
|
<SelectMenu value={colorMode} onValueChange={setColorMode}>
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
value: AppColorMode.GreenUp,
|
||||||
|
label: 'Green up',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: AppColorMode.RedUp,
|
||||||
|
label: 'Red up',
|
||||||
|
},
|
||||||
|
].map(({ value, label }) => (
|
||||||
|
<SelectItem key={value} value={value} label={label} />
|
||||||
))}
|
))}
|
||||||
</SelectMenu>
|
</SelectMenu>
|
||||||
</StoryHeader>
|
</StoryHeader>
|
||||||
<hr />
|
<hr />
|
||||||
<StoryContent>{children}</StoryContent>
|
<AppThemeAndColorModeProvider>
|
||||||
|
<GlobalStyle />
|
||||||
|
<StoryContent>{children}</StoryContent>
|
||||||
|
</AppThemeAndColorModeProvider>
|
||||||
</Provider>
|
</Provider>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -98,6 +98,11 @@ For the "Build & Development Settings", we recommend the following:
|
|||||||
- Framework Preset: `Vite`
|
- Framework Preset: `Vite`
|
||||||
- Build Command (override): `pnpm run build`
|
- Build Command (override): `pnpm run build`
|
||||||
|
|
||||||
|
By default, the dev server runs in development mode and the build command runs in production mode. To override the default mode, you can pass in the `--mode` option flag. For example, if you want to build your app for testnet:
|
||||||
|
```
|
||||||
|
pnpm run build --mode testnet
|
||||||
|
```
|
||||||
|
|
||||||
If you wish to incorporate analytics via Amplitude and Bugsnag, you can use our scripts:
|
If you wish to incorporate analytics via Amplitude and Bugsnag, you can use our scripts:
|
||||||
`pnpm run build:inject-amplitude` and `pnpm run build:inject-bugsnag`. You will need to provide your own API keys for these services. In the Environment Variables section, name the variables as `AMPLITUDE_API_KEY` and `BUGSNAG_API_KEY` and provide the respective keys as their values.
|
`pnpm run build:inject-amplitude` and `pnpm run build:inject-bugsnag`. You will need to provide your own API keys for these services. In the Environment Variables section, name the variables as `AMPLITUDE_API_KEY` and `BUGSNAG_API_KEY` and provide the respective keys as their values.
|
||||||
|
|
||||||
|
|||||||
@@ -33,20 +33,23 @@
|
|||||||
"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.0.10",
|
"@dydxprotocol/v4-abacus": "^1.3.2",
|
||||||
"@dydxprotocol/v4-client-js": "^1.0.0",
|
"@dydxprotocol/v4-client-js": "^1.0.17",
|
||||||
"@dydxprotocol/v4-localization": "^1.0.0",
|
"@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-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",
|
||||||
"@radix-ui/react-dropdown-menu": "^2.0.5",
|
"@radix-ui/react-dropdown-menu": "^2.0.5",
|
||||||
|
"@radix-ui/react-icons": "^1.3.0",
|
||||||
"@radix-ui/react-navigation-menu": "^1.1.3",
|
"@radix-ui/react-navigation-menu": "^1.1.3",
|
||||||
"@radix-ui/react-popover": "^1.0.6",
|
"@radix-ui/react-popover": "^1.0.6",
|
||||||
"@radix-ui/react-radio-group": "^1.1.3",
|
"@radix-ui/react-radio-group": "^1.1.3",
|
||||||
@@ -89,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",
|
||||||
@@ -96,6 +100,7 @@
|
|||||||
"long": "^5.2.3",
|
"long": "^5.2.3",
|
||||||
"luxon": "^3.3.0",
|
"luxon": "^3.3.0",
|
||||||
"qr-code-styling": "1.6.0-rc.1",
|
"qr-code-styling": "1.6.0-rc.1",
|
||||||
|
"query-string": "^8.1.0",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-aria": "^3.25.0",
|
"react-aria": "^3.25.0",
|
||||||
"react-dom": "^18.2.0",
|
"react-dom": "^18.2.0",
|
||||||
@@ -107,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.3.7"
|
"wagmi": "^1.4.12"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.22.5",
|
"@babel/core": "^7.22.5",
|
||||||
@@ -151,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"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 122 KiB |
@@ -0,0 +1,19 @@
|
|||||||
|
<svg width="120" height="97" viewBox="0 0 120 97" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect y="8" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="18" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="28" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="38" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="48" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="58" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="68" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="78" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect y="88" width="120" height="1" fill="currentColor"/>
|
||||||
|
<rect x="18" width="1" height="97" fill="currentColor"/>
|
||||||
|
<rect x="32" width="1" height="97" fill="currentColor"/>
|
||||||
|
<rect x="46" width="1" height="97" fill="currentColor"/>
|
||||||
|
<rect x="60" width="1" height="97" fill="currentColor"/>
|
||||||
|
<rect x="74" width="1" height="97" fill="currentColor"/>
|
||||||
|
<rect x="88" width="1" height="97" fill="currentColor"/>
|
||||||
|
<rect x="102" width="1" height="97" fill="currentColor"/>
|
||||||
|
<path d="M0 0H120V97H0V0Z" fill="url(#paint0_radial_314_37586)"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,20 @@
|
|||||||
|
<svg width="90" height="39" viewBox="0 0 90 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect y="31.2344" width="2.57142" height="7.71427" fill="#3ED9A4"/>
|
||||||
|
<rect x="5.14258" y="28.6648" width="2.57142" height="5.14284" fill="#E45555"/>
|
||||||
|
<rect x="25.7139" y="26.0923" width="2.57142" height="10.2857" fill="#E45555"/>
|
||||||
|
<rect x="51.4283" y="28.6648" width="2.57142" height="5.14284" fill="#E45555"/>
|
||||||
|
<rect x="56.5712" y="31.2344" width="2.57142" height="5.14284" fill="#E45555"/>
|
||||||
|
<rect x="77.1426" y="18.3767" width="2.57142" height="5.14284" fill="#E45555"/>
|
||||||
|
<rect x="41.1427" y="23.5198" width="2.57142" height="5.14284" fill="#E45555"/>
|
||||||
|
<rect x="10.2856" y="28.6648" width="2.57142" height="10.2857" fill="#3ED9A4"/>
|
||||||
|
<rect x="61.7143" y="23.5198" width="2.57142" height="10.2857" fill="#3ED9A4"/>
|
||||||
|
<rect x="66.8569" y="20.9492" width="2.57142" height="5.14284" fill="#3ED9A4"/>
|
||||||
|
<rect x="71.9997" y="13.2346" width="2.57142" height="7.71427" fill="#3ED9A4"/>
|
||||||
|
<rect x="82.2856" y="10.6631" width="2.57142" height="10.2857" fill="#3ED9A4"/>
|
||||||
|
<rect x="87.4287" y="0.37793" width="2.57142" height="15.4285" fill="#3ED9A4"/>
|
||||||
|
<rect x="15.4284" y="26.0923" width="2.57142" height="5.14284" fill="#3ED9A4"/>
|
||||||
|
<rect x="20.5714" y="23.5198" width="2.57142" height="5.14284" fill="#3ED9A4"/>
|
||||||
|
<rect x="30.857" y="31.2344" width="2.57142" height="5.14284" fill="#3ED9A4"/>
|
||||||
|
<rect x="35.9999" y="26.0923" width="2.57142" height="5.14284" fill="#3ED9A4"/>
|
||||||
|
<rect x="46.2853" y="26.0923" width="2.57142" height="2.57142" fill="#3ED9A4"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 2.1 MiB |
@@ -0,0 +1,12 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"chainId": "1",
|
||||||
|
"tokenAddress": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
|
||||||
|
"name": "Ethereum"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"chainId": "5",
|
||||||
|
"tokenAddress": "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
|
||||||
|
"name": "Ethereum Goerli"
|
||||||
|
}
|
||||||
|
]
|
||||||
@@ -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,6 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4dev.dydx.exchange"
|
"faucet": "https://faucet.v4dev.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -80,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/",
|
||||||
@@ -88,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": {
|
||||||
@@ -108,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": {
|
||||||
@@ -143,7 +157,8 @@
|
|||||||
"validators": [
|
"validators": [
|
||||||
"http://54.92.118.111"
|
"http://54.92.118.111"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com"
|
"0xsquid": "https://testnet.api.0xsquid.com",
|
||||||
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -152,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/",
|
||||||
@@ -160,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": {
|
||||||
@@ -180,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": {
|
||||||
@@ -213,9 +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://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",
|
||||||
@@ -224,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/",
|
||||||
@@ -232,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": {
|
||||||
@@ -252,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": {
|
||||||
@@ -287,7 +316,8 @@
|
|||||||
"validators": [
|
"validators": [
|
||||||
"http://18.223.78.50"
|
"http://18.223.78.50"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.0xsquid.com"
|
"0xsquid": "https://testnet.api.0xsquid.com",
|
||||||
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -296,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/",
|
||||||
@@ -304,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": {
|
||||||
@@ -324,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": {
|
||||||
@@ -360,7 +396,8 @@
|
|||||||
"validators": [
|
"validators": [
|
||||||
"https://validator.v4staging.dydx.exchange"
|
"https://validator.v4staging.dydx.exchange"
|
||||||
],
|
],
|
||||||
"0xsquid": "https://testnet.api.squidrouter.com"
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -372,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": {
|
||||||
@@ -398,14 +434,101 @@
|
|||||||
"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": {
|
||||||
|
"name": "v4 Staging Forced Update",
|
||||||
|
"ethereumChainId": "11155111",
|
||||||
|
"dydxChainId": "dydxprotocol-testnet",
|
||||||
|
"chainName": "dYdX Chain",
|
||||||
|
"chainLogo": "/dydx-chain.png",
|
||||||
|
"squidIntegratorId": "dYdX-api",
|
||||||
|
"isMainNet": false,
|
||||||
|
"tokens": {
|
||||||
|
"chain": {
|
||||||
|
"name": "Dv4TNT",
|
||||||
|
"denom": "adv4tnt",
|
||||||
|
"decimals": 18,
|
||||||
|
"image": "/currencies/dydx.png"
|
||||||
|
},
|
||||||
|
"usdc": {
|
||||||
|
"name": "USDC",
|
||||||
|
"denom": "ibc/8E27BA2D5493AF5636760E354E46004562C46AB7EC0CC4C1CA14E9E20E2545B5",
|
||||||
|
"gasDenom": "uusdc",
|
||||||
|
"decimals": 6,
|
||||||
|
"image": "/currencies/usdc.png"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"endpoints": {
|
||||||
|
"indexers": [
|
||||||
|
{
|
||||||
|
"api": "https://indexer.v4staging.dydx.exchange",
|
||||||
|
"socket": "wss://indexer.v4staging.dydx.exchange"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"faucet": "https://faucet.v4staging.dydx.exchange",
|
||||||
|
"validators": [
|
||||||
|
"https://validator.v4staging.dydx.exchange"
|
||||||
|
],
|
||||||
|
"0xsquid": "https://testnet.api.squidrouter.com",
|
||||||
|
"nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
|
||||||
|
},
|
||||||
|
"links": {
|
||||||
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
|
"privacy": "https://dydx.exchange/privacy",
|
||||||
|
"mintscan": "https://testnet.mintscan.io/dydx-testnet/txs/{tx_hash}",
|
||||||
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
|
"documentation": "https://v4-teacher.vercel.app/",
|
||||||
|
"community": "https://discord.com/invite/dydx",
|
||||||
|
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
||||||
|
"blogs": "https://www.dydx.foundation/blog"
|
||||||
|
},
|
||||||
|
"wallets": {
|
||||||
|
"walletconnect": {
|
||||||
|
"client": {
|
||||||
|
"name": "dYdX v4",
|
||||||
|
"description": "dYdX v4 App",
|
||||||
|
"iconUrl": "/logos/dydx-x.png"
|
||||||
|
},
|
||||||
|
"v2": {
|
||||||
|
"projectId": "47559b2ec96c09aed9ff2cb54a31ab0e"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"walletSegue": {
|
||||||
|
"callbackUrl": "/walletsegue"
|
||||||
|
},
|
||||||
|
"images": "/wallets/",
|
||||||
|
"signTypedDataAction": "dYdX Chain Onboarding",
|
||||||
|
"signTypedDataDomainName": "dYdX Chain"
|
||||||
|
},
|
||||||
|
"apps": {
|
||||||
|
"ios": {
|
||||||
|
"minimalVersion": "1.0",
|
||||||
|
"build": 40000,
|
||||||
|
"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": {
|
||||||
@@ -434,7 +557,8 @@
|
|||||||
"validators": [
|
"validators": [
|
||||||
"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://noble-testnet-rpc.polkachu.com/"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "https://dydx.exchange/v4-terms",
|
"tos": "https://dydx.exchange/v4-terms",
|
||||||
@@ -446,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": {
|
||||||
@@ -472,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": {
|
||||||
@@ -500,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": [
|
||||||
@@ -512,6 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -524,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": {
|
||||||
@@ -550,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": {
|
||||||
@@ -586,6 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -599,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": {
|
||||||
@@ -625,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": {
|
||||||
@@ -653,14 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -674,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": {
|
||||||
@@ -700,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": {
|
||||||
@@ -728,14 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -749,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": {
|
||||||
@@ -775,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": {
|
||||||
@@ -803,14 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -824,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": {
|
||||||
@@ -850,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": {
|
||||||
@@ -878,14 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -893,6 +1059,7 @@
|
|||||||
"privacy": "https://dydx.exchange/privacy",
|
"privacy": "https://dydx.exchange/privacy",
|
||||||
"statusPage": "https://status.v4testnet.dydx.exchange/",
|
"statusPage": "https://status.v4testnet.dydx.exchange/",
|
||||||
"mintscan": "https://testnet.mintscan.io/dydx-testnet/txs/{tx_hash}",
|
"mintscan": "https://testnet.mintscan.io/dydx-testnet/txs/{tx_hash}",
|
||||||
|
"mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
|
||||||
"documentation": "https://docs.dydx.exchange/",
|
"documentation": "https://docs.dydx.exchange/",
|
||||||
"community": "https://discord.com/invite/dydx",
|
"community": "https://discord.com/invite/dydx",
|
||||||
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
"feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
|
||||||
@@ -915,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": {
|
||||||
@@ -943,14 +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://noble-testnet-rpc.polkachu.com/",
|
||||||
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
"faucet": "https://faucet.v4testnet.dydx.exchange"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
@@ -964,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",
|
||||||
@@ -990,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": {
|
||||||
@@ -997,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": {
|
||||||
@@ -1027,18 +1208,18 @@
|
|||||||
"[Validator endpoint 1",
|
"[Validator endpoint 1",
|
||||||
"[Validator endpoint n]"
|
"[Validator endpoint n]"
|
||||||
],
|
],
|
||||||
"0xsquid": "[0xSquid endpoint for mainnet]"
|
"0xsquid": "[0xSquid endpoint for mainnet]",
|
||||||
|
"nobleValidator": "[noble validator endpoint for mainnet]"
|
||||||
},
|
},
|
||||||
"links": {
|
"links": {
|
||||||
"tos": "[HTTP link to TOS]",
|
"tos": "[HTTP link to TOS]",
|
||||||
"privacy": "[HTTP link to Privacy Policy]",
|
"privacy": "[HTTP link to Privacy Policy]",
|
||||||
"mintscan": "[HTTP link to Mintscan, with {tx_hash} placeholder]",
|
"mintscan": "[HTTP link to Mintscan, with {tx_hash} placeholder]",
|
||||||
"mintscanBase": "[HTTP link to TOS mintsacn base url]",
|
"mintscanBase": "[HTTP link to TOS mintscan base url]",
|
||||||
"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]",
|
||||||
@@ -1065,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,709 @@
|
|||||||
|
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.1E-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.1E-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,B,5,2,Sushi,USDT-USD
|
||||||
|
SUSHI,Binance,SUSHIUSDT,314905.5164,8301205.3,1.070356721,B,5,2,Sushi,USDT-USD
|
||||||
|
SUSHI,Okx,SUSHI-USDT,140667.711,3610840.809,1.067487683,B,5,2,Sushi,USDT-USD
|
||||||
|
SUSHI,Kraken,SUSHIUSD,60333.51362,206177.6733,1.075978241,B,5,2,Sushi,
|
||||||
|
SUSHI,CoinbasePro,SUSHI-USD,84615.09476,3085188.166,1.072066002,B,5,2,Sushi,
|
||||||
|
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-USD
|
||||||
|
JUP,Kucoin,JUP-USDT,72000,9000000,0.69,A,6,2,Jupiter,USDT-USD
|
||||||
|
JUP,Okx,JUP-USDT,64000,29000000,0.69,A,6,2,Jupiter,USDT-USD
|
||||||
|
JUP,Binance,JUPUSDT,500000,96000000,0.69,A,6,2,Jupiter,USDT-USD
|
||||||
|
JUP,Bybit,JUPUSDT,100000,35000000,0.69,A,6,2,Jupiter,USDT-USD
|
||||||
|
JUP,Gate,JUP_USDT,35000,900000,0.68,A,6,2,Jupiter,USDT-USD
|
||||||
|
JUP,Mexc,JUP_USDT,20000,6000000,0.69,A,6,2,Jupiter,USDT-USD
|
||||||
|
@@ -0,0 +1,69 @@
|
|||||||
|
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
|
||||||
|
JUP,0.69,6,2,Jupiter,-1,-5,3,4000,-10,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
|
||||||
|
@@ -199,7 +199,7 @@
|
|||||||
},
|
},
|
||||||
"mobile": {
|
"mobile": {
|
||||||
"native": "trust:",
|
"native": "trust:",
|
||||||
"universal": "https://link.trustwallet.com"
|
"universal": ""
|
||||||
},
|
},
|
||||||
"desktop": {
|
"desktop": {
|
||||||
"native": "",
|
"native": "",
|
||||||
|
|||||||
|
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: 300 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 481 KiB |
|
Before Width: | Height: | Size: 817 B After Width: | Height: | Size: 297 B |
@@ -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,26 +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 { AppThemeAndColorModeProvider } from '@/hooks/useAppThemeAndColorMode';
|
||||||
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 { SquidProvider } from '@/hooks/useSquid';
|
|
||||||
|
|
||||||
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';
|
||||||
@@ -46,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 = () => {
|
||||||
@@ -66,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>
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -128,10 +138,10 @@ const providers = [
|
|||||||
wrapProvider(DydxProvider),
|
wrapProvider(DydxProvider),
|
||||||
wrapProvider(AccountsProvider),
|
wrapProvider(AccountsProvider),
|
||||||
wrapProvider(SubaccountProvider),
|
wrapProvider(SubaccountProvider),
|
||||||
wrapProvider(SquidProvider),
|
|
||||||
wrapProvider(LocalNotificationsProvider),
|
wrapProvider(LocalNotificationsProvider),
|
||||||
wrapProvider(NotificationsProvider),
|
wrapProvider(NotificationsProvider),
|
||||||
wrapProvider(DialogAreaProvider),
|
wrapProvider(DialogAreaProvider),
|
||||||
|
wrapProvider(AppThemeAndColorModeProvider),
|
||||||
];
|
];
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
|
|||||||
@@ -0,0 +1,390 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "name",
|
||||||
|
"outputs": [{ "name": "", "type": "string" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [{ "name": "_upgradedAddress", "type": "address" }],
|
||||||
|
"name": "deprecate",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "name": "_spender", "type": "address" },
|
||||||
|
{ "name": "_value", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "approve",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "deprecated",
|
||||||
|
"outputs": [{ "name": "", "type": "bool" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [{ "name": "_evilUser", "type": "address" }],
|
||||||
|
"name": "addBlackList",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "totalSupply",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "name": "_from", "type": "address" },
|
||||||
|
{ "name": "_to", "type": "address" },
|
||||||
|
{ "name": "_value", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "transferFrom",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "upgradedAddress",
|
||||||
|
"outputs": [{ "name": "", "type": "address" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [{ "name": "", "type": "address" }],
|
||||||
|
"name": "balances",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "decimals",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "maximumFee",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "_totalSupply",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "unpause",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [{ "name": "_maker", "type": "address" }],
|
||||||
|
"name": "getBlackListStatus",
|
||||||
|
"outputs": [{ "name": "", "type": "bool" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [
|
||||||
|
{ "name": "", "type": "address" },
|
||||||
|
{ "name": "", "type": "address" }
|
||||||
|
],
|
||||||
|
"name": "allowed",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "paused",
|
||||||
|
"outputs": [{ "name": "", "type": "bool" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [{ "name": "who", "type": "address" }],
|
||||||
|
"name": "balanceOf",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "pause",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "getOwner",
|
||||||
|
"outputs": [{ "name": "", "type": "address" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "owner",
|
||||||
|
"outputs": [{ "name": "", "type": "address" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "symbol",
|
||||||
|
"outputs": [{ "name": "", "type": "string" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "name": "_to", "type": "address" },
|
||||||
|
{ "name": "_value", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "transfer",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "name": "newBasisPoints", "type": "uint256" },
|
||||||
|
{ "name": "newMaxFee", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "setParams",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [{ "name": "amount", "type": "uint256" }],
|
||||||
|
"name": "issue",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [{ "name": "amount", "type": "uint256" }],
|
||||||
|
"name": "redeem",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [
|
||||||
|
{ "name": "_owner", "type": "address" },
|
||||||
|
{ "name": "_spender", "type": "address" }
|
||||||
|
],
|
||||||
|
"name": "allowance",
|
||||||
|
"outputs": [{ "name": "remaining", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "basisPointsRate",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [{ "name": "", "type": "address" }],
|
||||||
|
"name": "isBlackListed",
|
||||||
|
"outputs": [{ "name": "", "type": "bool" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [{ "name": "_clearedUser", "type": "address" }],
|
||||||
|
"name": "removeBlackList",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": true,
|
||||||
|
"inputs": [],
|
||||||
|
"name": "MAX_UINT",
|
||||||
|
"outputs": [{ "name": "", "type": "uint256" }],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "view",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [{ "name": "newOwner", "type": "address" }],
|
||||||
|
"name": "transferOwnership",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"constant": false,
|
||||||
|
"inputs": [{ "name": "_blackListedUser", "type": "address" }],
|
||||||
|
"name": "destroyBlackFunds",
|
||||||
|
"outputs": [],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "function"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"inputs": [
|
||||||
|
{ "name": "_initialSupply", "type": "uint256" },
|
||||||
|
{ "name": "_name", "type": "string" },
|
||||||
|
{ "name": "_symbol", "type": "string" },
|
||||||
|
{ "name": "_decimals", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"payable": false,
|
||||||
|
"stateMutability": "nonpayable",
|
||||||
|
"type": "constructor"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [{ "indexed": false, "name": "amount", "type": "uint256" }],
|
||||||
|
"name": "Issue",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [{ "indexed": false, "name": "amount", "type": "uint256" }],
|
||||||
|
"name": "Redeem",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [{ "indexed": false, "name": "newAddress", "type": "address" }],
|
||||||
|
"name": "Deprecate",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "indexed": false, "name": "feeBasisPoints", "type": "uint256" },
|
||||||
|
{ "indexed": false, "name": "maxFee", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "Params",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "indexed": false, "name": "_blackListedUser", "type": "address" },
|
||||||
|
{ "indexed": false, "name": "_balance", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "DestroyedBlackFunds",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [{ "indexed": false, "name": "_user", "type": "address" }],
|
||||||
|
"name": "AddedBlackList",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [{ "indexed": false, "name": "_user", "type": "address" }],
|
||||||
|
"name": "RemovedBlackList",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "indexed": true, "name": "owner", "type": "address" },
|
||||||
|
{ "indexed": true, "name": "spender", "type": "address" },
|
||||||
|
{ "indexed": false, "name": "value", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "Approval",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"anonymous": false,
|
||||||
|
"inputs": [
|
||||||
|
{ "indexed": true, "name": "from", "type": "address" },
|
||||||
|
{ "indexed": true, "name": "to", "type": "address" },
|
||||||
|
{ "indexed": false, "name": "value", "type": "uint256" }
|
||||||
|
],
|
||||||
|
"name": "Transfer",
|
||||||
|
"type": "event"
|
||||||
|
},
|
||||||
|
{ "anonymous": false, "inputs": [], "name": "Pause", "type": "event" },
|
||||||
|
{ "anonymous": false, "inputs": [], "name": "Unpause", "type": "event" }
|
||||||
|
]
|
||||||
@@ -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(var(--hover-filter-base));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
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> = {};
|
||||||
|
|
||||||
|
|||||||
@@ -134,8 +134,8 @@ const ButtonStyle = css<StyleProps>`
|
|||||||
|
|
||||||
--button-textColor: var(--color-text-0);
|
--button-textColor: var(--color-text-0);
|
||||||
--button-backgroundColor: transparent;
|
--button-backgroundColor: transparent;
|
||||||
--button-active-filter: brightness(0.9);
|
--button-active-filter: brightness(var(--active-filter));
|
||||||
--button-hover-filter: brightness(1.1);
|
--button-hover-filter: brightness(var(--hover-filter-base));
|
||||||
--button-hover-textColor: var(--button-textColor);
|
--button-hover-textColor: var(--button-textColor);
|
||||||
|
|
||||||
--button-radius: 0.5em;
|
--button-radius: 0.5em;
|
||||||
|
|||||||
@@ -61,7 +61,7 @@ export const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonPr
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledBaseButton
|
<StyledBaseButton
|
||||||
disabled={state[ButtonState.Disabled]}
|
disabled={state[ButtonState.Disabled] || state[ButtonState.Loading]}
|
||||||
{...{ ref, action, size, shape, state, ...otherProps }}
|
{...{ ref, action, size, shape, state, ...otherProps }}
|
||||||
>
|
>
|
||||||
{
|
{
|
||||||
@@ -89,9 +89,10 @@ const buttonActionVariants = {
|
|||||||
--button-border: solid var(--border-width) var(--color-border);
|
--button-border: solid var(--border-width) var(--color-border);
|
||||||
`,
|
`,
|
||||||
[ButtonAction.Primary]: css`
|
[ButtonAction.Primary]: css`
|
||||||
--button-textColor: var(--color-text-2);
|
--button-textColor: var(--color-text-button);
|
||||||
--button-backgroundColor: var(--color-accent);
|
--button-backgroundColor: var(--color-accent);
|
||||||
--button-border: solid var(--border-width) var(--color-border-white);
|
--button-border: solid var(--border-width) var(--color-border-white);
|
||||||
|
--button-hover-filter: brightness(var(--hover-filter-variant));
|
||||||
`,
|
`,
|
||||||
|
|
||||||
[ButtonAction.Secondary]: css`
|
[ButtonAction.Secondary]: css`
|
||||||
@@ -101,15 +102,17 @@ const buttonActionVariants = {
|
|||||||
`,
|
`,
|
||||||
|
|
||||||
[ButtonAction.Create]: css`
|
[ButtonAction.Create]: css`
|
||||||
--button-textColor: var(--color-text-2);
|
--button-textColor: var(--color-text-button);
|
||||||
--button-backgroundColor: var(--color-positive);
|
--button-backgroundColor: var(--color-success);
|
||||||
--button-border: solid var(--border-width) var(--color-border-white);
|
--button-border: solid var(--border-width) var(--color-border-white);
|
||||||
|
--button-hover-filter: brightness(var(--hover-filter-variant));
|
||||||
`,
|
`,
|
||||||
|
|
||||||
[ButtonAction.Destroy]: css`
|
[ButtonAction.Destroy]: css`
|
||||||
--button-textColor: var(--color-text-2);
|
--button-textColor: var(--color-text-button);
|
||||||
--button-backgroundColor: var(--color-negative);
|
--button-backgroundColor: var(--color-error);
|
||||||
--button-border: solid var(--border-width) var(--color-border-white);
|
--button-border: solid var(--border-width) var(--color-border-white);
|
||||||
|
--button-hover-filter: brightness(var(--hover-filter-variant));
|
||||||
`,
|
`,
|
||||||
|
|
||||||
[ButtonAction.Navigation]: css`
|
[ButtonAction.Navigation]: css`
|
||||||
@@ -119,9 +122,10 @@ const buttonActionVariants = {
|
|||||||
`,
|
`,
|
||||||
|
|
||||||
[ButtonAction.Reset]: css`
|
[ButtonAction.Reset]: css`
|
||||||
--button-textColor: var(--color-negative);
|
--button-textColor: var(--color-error);
|
||||||
--button-backgroundColor: var(--color-layer-3);
|
--button-backgroundColor: var(--color-layer-3);
|
||||||
--button-border: solid var(--border-width) var(--color-border-red);
|
--button-border: solid var(--border-width) var(--color-border-red);
|
||||||
|
--button-hover-filter: brightness(var(--hover-filter-variant));
|
||||||
`,
|
`,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -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 (
|
||||||
@@ -13,10 +13,20 @@ export const Checkboxes: Story<CheckboxProps> = (args) => {
|
|||||||
<Checkbox
|
<Checkbox
|
||||||
{...args}
|
{...args}
|
||||||
checked={isChecked}
|
checked={isChecked}
|
||||||
onClick={(e: React.ChangeEvent) => setIsChecked((e.target as HTMLInputElement).checked)}
|
onCheckedChange={setIsChecked}
|
||||||
|
id="story-checkbox"
|
||||||
|
label="example label"
|
||||||
/>
|
/>
|
||||||
</StoryWrapper>
|
</StoryWrapper>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
Checkboxes.args = {};
|
CheckboxStory.args = {};
|
||||||
|
|
||||||
|
CheckboxStory.argTypes = {
|
||||||
|
disabled: {
|
||||||
|
options: [true, false],
|
||||||
|
control: { type: 'select' },
|
||||||
|
defaultValue: false,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,10 +1,15 @@
|
|||||||
import styled, { type AnyStyledComponent } from 'styled-components';
|
import styled, { css, type AnyStyledComponent } from 'styled-components';
|
||||||
|
import { Root, Indicator } from '@radix-ui/react-checkbox';
|
||||||
|
import { CheckIcon } from '@radix-ui/react-icons';
|
||||||
|
|
||||||
import { breakpoints } from '@/styles';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
checked: boolean;
|
checked: boolean;
|
||||||
onClick: (e: React.ChangeEvent) => void;
|
onCheckedChange: (checked: boolean) => void;
|
||||||
|
id?: string;
|
||||||
|
label?: React.ReactNode;
|
||||||
|
disabled?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
@@ -13,85 +18,79 @@ type StyleProps = {
|
|||||||
|
|
||||||
export type CheckboxProps = ElementProps & StyleProps;
|
export type CheckboxProps = ElementProps & StyleProps;
|
||||||
|
|
||||||
export const Checkbox: React.FC<CheckboxProps> = ({ checked, className, onClick }) => {
|
export const Checkbox: React.FC<CheckboxProps> = ({
|
||||||
return (
|
checked,
|
||||||
<Styled.CheckboxWrapper className={className}>
|
className,
|
||||||
<Styled.Checkbox
|
onCheckedChange,
|
||||||
type="checkbox"
|
id,
|
||||||
checked={checked}
|
label,
|
||||||
onChange={onClick}
|
disabled,
|
||||||
/>
|
}) => (
|
||||||
<Styled.CustomCheckbox />
|
<Styled.Container>
|
||||||
</Styled.CheckboxWrapper>
|
<Styled.Root
|
||||||
);
|
className={className}
|
||||||
};
|
checked={checked}
|
||||||
|
disabled={disabled}
|
||||||
|
onCheckedChange={onCheckedChange}
|
||||||
|
id={id}
|
||||||
|
>
|
||||||
|
<Styled.Indicator>
|
||||||
|
<CheckIcon />
|
||||||
|
</Styled.Indicator>
|
||||||
|
</Styled.Root>
|
||||||
|
{label && (
|
||||||
|
<Styled.Label disabled={disabled} htmlFor={id}>
|
||||||
|
{label}
|
||||||
|
</Styled.Label>
|
||||||
|
)}
|
||||||
|
</Styled.Container>
|
||||||
|
);
|
||||||
|
|
||||||
const Styled: Record<string, AnyStyledComponent> = {};
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|
||||||
Styled.CustomCheckbox = styled.span`
|
Styled.Container = styled.div`
|
||||||
width: 1.25em;
|
${layoutMixins.row}
|
||||||
height: 1.25em;
|
gap: 1ch;
|
||||||
|
font: var(--font-small-book);
|
||||||
|
`;
|
||||||
|
|
||||||
position: absolute;
|
Styled.Root = styled(Root)`
|
||||||
left: 0;
|
--checkbox-backgroundColor: var(--color-layer-0);
|
||||||
right: 0;
|
--checkbox-borderColor: var(--color-border);
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
min-width: 1.25rem;
|
||||||
|
height: 1.25rem;
|
||||||
|
|
||||||
|
border-radius: 0.375rem;
|
||||||
|
border: var(--border-width) solid var(--checkbox-borderColor);
|
||||||
background-color: var(--checkbox-backgroundColor);
|
background-color: var(--checkbox-backgroundColor);
|
||||||
|
|
||||||
&::after {
|
&[data-state='checked'] {
|
||||||
position: absolute;
|
--checkbox-backgroundColor: var(--color-accent);
|
||||||
content: '';
|
|
||||||
top: 0.25em;
|
|
||||||
left: 0.4375em;
|
|
||||||
width: 0.3125em;
|
|
||||||
height: 0.5em;
|
|
||||||
border: solid var(--checkbox-checkColor);
|
|
||||||
border-width: 0 0.125em 0.125em 0;
|
|
||||||
border-radius: 0.0625em;
|
|
||||||
opacity: 0;
|
|
||||||
transform: rotate(0deg) scale(0);
|
|
||||||
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media ${breakpoints.tablet} {
|
&[data-disabled] {
|
||||||
width: 1.5em;
|
cursor: not-allowed;
|
||||||
height: 1.5em;
|
--checkbox-backgroundColor: var(--color-layer-1);
|
||||||
|
|
||||||
&::after {
|
|
||||||
top: 0.25em;
|
|
||||||
left: 0.4375em;
|
|
||||||
width: 0.4375em;
|
|
||||||
height: 0.625em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.CheckboxWrapper = styled.div`
|
Styled.Indicator = styled(Indicator)`
|
||||||
--checkbox-backgroundColor: var(--color-layer-1);
|
|
||||||
--checkbox-checkColor: var(--color-text-1);
|
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
border-radius: 0.25em;
|
align-items: center;
|
||||||
overflow: hidden;
|
justify-content: center;
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
> input:checked ~ ${Styled.CustomCheckbox}::after {
|
color: var(--color-text-button);
|
||||||
opacity: 1;
|
|
||||||
transform: rotate(40deg) scale(1);
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Checkbox = styled.input`
|
Styled.Label = styled.label<{ disabled?: boolean }>`
|
||||||
width: 1.25em;
|
|
||||||
height: 1.25em;
|
|
||||||
z-index: 1;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0;
|
color: var(--color-text-2);
|
||||||
|
|
||||||
@media ${breakpoints.tablet} {
|
${({ disabled }) =>
|
||||||
width: 1.5em;
|
disabled &&
|
||||||
height: 1.5em;
|
css`
|
||||||
}
|
cursor: not-allowed;
|
||||||
|
color: var(--color-text-0);
|
||||||
|
`}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -1,16 +1,13 @@
|
|||||||
import type { Story } from '@ladle/react';
|
import type { Story } from '@ladle/react';
|
||||||
|
|
||||||
import { Collapsible } from '@/components/Collapsible';
|
import { Collapsible, type CollapsibleProps } from '@/components/Collapsible';
|
||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
import { IconName } from './Icon';
|
import { IconName } from './Icon';
|
||||||
|
|
||||||
export const CollapsibleStory: Story<Parameters<typeof Collapsible>> = (args) => (
|
export const CollapsibleStory: Story<CollapsibleProps> = (args) => (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Collapsible
|
<Collapsible {...args}>
|
||||||
label="Collapsible List of Items"
|
|
||||||
{...args}
|
|
||||||
>
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>Collapsible Item 1</li>
|
<li>Collapsible Item 1</li>
|
||||||
<li>Collapsible Item 2</li>
|
<li>Collapsible Item 2</li>
|
||||||
@@ -23,6 +20,8 @@ export const CollapsibleStory: Story<Parameters<typeof Collapsible>> = (args) =>
|
|||||||
|
|
||||||
CollapsibleStory.args = {
|
CollapsibleStory.args = {
|
||||||
disabled: false,
|
disabled: false,
|
||||||
|
withTrigger: true,
|
||||||
|
label: 'Collapsible List of Items',
|
||||||
};
|
};
|
||||||
|
|
||||||
CollapsibleStory.argTypes = {
|
CollapsibleStory.argTypes = {
|
||||||
|
|||||||
@@ -14,6 +14,7 @@ type ElementProps = {
|
|||||||
label: React.ReactNode;
|
label: React.ReactNode;
|
||||||
triggerIcon?: IconName;
|
triggerIcon?: IconName;
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
|
withTrigger?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
@@ -23,6 +24,8 @@ type StyleProps = {
|
|||||||
fullWidth?: boolean;
|
fullWidth?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type CollapsibleProps = ElementProps & StyleProps;
|
||||||
|
|
||||||
export const Collapsible = ({
|
export const Collapsible = ({
|
||||||
defaultOpen = false,
|
defaultOpen = false,
|
||||||
disabled,
|
disabled,
|
||||||
@@ -35,26 +38,29 @@ export const Collapsible = ({
|
|||||||
triggerIconSide = 'left',
|
triggerIconSide = 'left',
|
||||||
fullWidth,
|
fullWidth,
|
||||||
className,
|
className,
|
||||||
}: ElementProps & StyleProps) => (
|
withTrigger = true,
|
||||||
|
}: CollapsibleProps) => (
|
||||||
<Styled.Root defaultOpen={defaultOpen} open={open} onOpenChange={onOpenChange}>
|
<Styled.Root defaultOpen={defaultOpen} open={open} onOpenChange={onOpenChange}>
|
||||||
<Styled.Trigger className={className} disabled={disabled}>
|
{withTrigger && (
|
||||||
{triggerIconSide === 'right' && (
|
<Styled.Trigger className={className} disabled={disabled}>
|
||||||
<>
|
{triggerIconSide === 'right' && (
|
||||||
{label}
|
<>
|
||||||
{fullWidth && <HorizontalSeparatorFiller />}
|
{label}
|
||||||
</>
|
{fullWidth && <HorizontalSeparatorFiller />}
|
||||||
)}
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
<Styled.TriggerIcon>
|
<Styled.TriggerIcon>
|
||||||
<Icon iconName={triggerIcon} />
|
<Icon iconName={triggerIcon} />
|
||||||
</Styled.TriggerIcon>
|
</Styled.TriggerIcon>
|
||||||
{triggerIconSide === 'left' && (
|
{triggerIconSide === 'left' && (
|
||||||
<>
|
<>
|
||||||
{fullWidth && <HorizontalSeparatorFiller />}
|
{fullWidth && <HorizontalSeparatorFiller />}
|
||||||
{label}
|
{label}
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</Styled.Trigger>
|
</Styled.Trigger>
|
||||||
|
)}
|
||||||
<Styled.Content $transitionDuration={transitionDuration}>{children}</Styled.Content>
|
<Styled.Content $transitionDuration={transitionDuration}>{children}</Styled.Content>
|
||||||
</Styled.Root>
|
</Styled.Root>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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;
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -22,7 +22,12 @@ type PickComboxMenuProps<
|
|||||||
MenuGroupValue extends string | number
|
MenuGroupValue extends string | number
|
||||||
> = Pick<
|
> = Pick<
|
||||||
ComboboxMenuProps<MenuItemValue, MenuGroupValue>,
|
ComboboxMenuProps<MenuItemValue, MenuGroupValue>,
|
||||||
'inputPlaceholder' | 'onItemSelected' | 'slotEmpty' | 'withSearch' | 'withStickyLayout'
|
| 'inputPlaceholder'
|
||||||
|
| 'onItemSelected'
|
||||||
|
| 'slotEmpty'
|
||||||
|
| 'withItemBorders'
|
||||||
|
| 'withSearch'
|
||||||
|
| 'withStickyLayout'
|
||||||
>;
|
>;
|
||||||
|
|
||||||
type PickDialogProps = Pick<
|
type PickDialogProps = Pick<
|
||||||
@@ -53,6 +58,7 @@ export const ComboboxDialogMenu = <
|
|||||||
onItemSelected,
|
onItemSelected,
|
||||||
inputPlaceholder,
|
inputPlaceholder,
|
||||||
slotEmpty,
|
slotEmpty,
|
||||||
|
withItemBorders,
|
||||||
withSearch,
|
withSearch,
|
||||||
withStickyLayout = true,
|
withStickyLayout = true,
|
||||||
children,
|
children,
|
||||||
@@ -83,6 +89,7 @@ export const ComboboxDialogMenu = <
|
|||||||
title={title}
|
title={title}
|
||||||
inputPlaceholder={inputPlaceholder}
|
inputPlaceholder={inputPlaceholder}
|
||||||
slotEmpty={slotEmpty}
|
slotEmpty={slotEmpty}
|
||||||
|
withItemBorders={withItemBorders}
|
||||||
withSearch={withSearch}
|
withSearch={withSearch}
|
||||||
withStickyLayout={withStickyLayout}
|
withStickyLayout={withStickyLayout}
|
||||||
/>
|
/>
|
||||||
@@ -95,6 +102,8 @@ const Styled: Record<string, AnyStyledComponent> = {};
|
|||||||
Styled.Dialog = styled(Dialog)`
|
Styled.Dialog = styled(Dialog)`
|
||||||
/* Params */
|
/* Params */
|
||||||
--comboboxDialogMenu-backgroundColor: var(--color-layer-2);
|
--comboboxDialogMenu-backgroundColor: var(--color-layer-2);
|
||||||
|
--comboboxDialogMenu-item-gap: 0.5rem;
|
||||||
|
--comboboxDialogMenu-item-padding: 0.5rem 1rem;
|
||||||
|
|
||||||
/* Overrides */
|
/* Overrides */
|
||||||
& {
|
& {
|
||||||
@@ -113,10 +122,12 @@ Styled.Dialog = styled(Dialog)`
|
|||||||
|
|
||||||
/* Net 0 sticky top inset (let stickyArea1 header stick to top) */
|
/* Net 0 sticky top inset (let stickyArea1 header stick to top) */
|
||||||
--stickyArea0-topGap: calc(-1 * var(--stickyArea0-topHeight));
|
--stickyArea0-topGap: calc(-1 * var(--stickyArea0-topHeight));
|
||||||
|
overflow-x: clip;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.ComboboxMenu = styled(ComboboxMenu)`
|
Styled.ComboboxMenu = styled(ComboboxMenu)`
|
||||||
--comboboxMenu-backgroundColor: var(--comboboxDialogMenu-backgroundColor);
|
--comboboxMenu-backgroundColor: var(--comboboxDialogMenu-backgroundColor);
|
||||||
--comboboxMenu-item-gap: var(--comboxDialogMenu-item-gap, 0.5rem);
|
--comboboxMenu-item-gap: var(--comboboxDialogMenu-item-gap);
|
||||||
|
--comboboxMenu-item-padding: var(--comboboxDialogMenu-item-padding);
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import { Fragment, type ReactNode, useState } from 'react';
|
|||||||
import styled, { type AnyStyledComponent, css } from 'styled-components';
|
import styled, { type AnyStyledComponent, css } from 'styled-components';
|
||||||
import { Command } from 'cmdk';
|
import { Command } from 'cmdk';
|
||||||
|
|
||||||
import { type MenuConfig } from '@/constants/menus';
|
import { MenuItem, type MenuConfig } from '@/constants/menus';
|
||||||
import { popoverMixins } from '@/styles/popoverMixins';
|
import { popoverMixins } from '@/styles/popoverMixins';
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
@@ -20,6 +20,7 @@ type ElementProps<MenuItemValue extends string | number, MenuGroupValue extends
|
|||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
className?: string;
|
className?: string;
|
||||||
|
withItemBorders?: boolean;
|
||||||
withStickyLayout?: boolean;
|
withStickyLayout?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -38,38 +39,36 @@ export const ComboboxMenu = <MenuItemValue extends string, MenuGroupValue extend
|
|||||||
withSearch = true,
|
withSearch = true,
|
||||||
|
|
||||||
className,
|
className,
|
||||||
|
withItemBorders,
|
||||||
withStickyLayout,
|
withStickyLayout,
|
||||||
}: ComboboxMenuProps<MenuItemValue, MenuGroupValue>) => {
|
}: ComboboxMenuProps<MenuItemValue, MenuGroupValue>) => {
|
||||||
const [highlightedCommand, setHighlightedCommand] = useState<MenuItemValue>();
|
const [highlightedCommand, setHighlightedCommand] = useState<MenuItemValue>();
|
||||||
const [searchValue, setSearchValue] = useState('');
|
const [searchValue, setSearchValue] = useState('');
|
||||||
// const inputRef = useRef<HTMLInputElement | null>(null);
|
|
||||||
|
|
||||||
// console.log({ commandValue: highlightedCommand });
|
|
||||||
|
|
||||||
// useEffect(() => {
|
|
||||||
// inputRef?.current?.focus();
|
|
||||||
// }, []);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Styled.Command
|
<Styled.Command
|
||||||
label={title}
|
label={title}
|
||||||
// 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}
|
||||||
>
|
>
|
||||||
{withSearch && (
|
{withSearch && (
|
||||||
<Styled.Header $withStickyLayout={withStickyLayout}>
|
<Styled.Header $withStickyLayout={withStickyLayout}>
|
||||||
<Styled.Input
|
<Styled.Input
|
||||||
// ref={inputRef}
|
/**
|
||||||
|
* Mobile Issue: Search Input will always trigger mobile keyboard drawer. There is no fix.
|
||||||
|
* https://github.com/pacocoursey/cmdk/issues/127
|
||||||
|
*/
|
||||||
|
autoFocus
|
||||||
type="search"
|
type="search"
|
||||||
value={searchValue}
|
value={searchValue}
|
||||||
onValueChange={setSearchValue}
|
onValueChange={setSearchValue}
|
||||||
autoFocus
|
|
||||||
placeholder={inputPlaceholder}
|
placeholder={inputPlaceholder}
|
||||||
/>
|
/>
|
||||||
</Styled.Header>
|
</Styled.Header>
|
||||||
@@ -80,6 +79,7 @@ export const ComboboxMenu = <MenuItemValue extends string, MenuGroupValue extend
|
|||||||
<Styled.Group
|
<Styled.Group
|
||||||
key={group.group}
|
key={group.group}
|
||||||
heading={group.groupLabel}
|
heading={group.groupLabel}
|
||||||
|
$withItemBorders={withItemBorders}
|
||||||
$withStickyLayout={withStickyLayout}
|
$withStickyLayout={withStickyLayout}
|
||||||
>
|
>
|
||||||
{group.items.map((item) => (
|
{group.items.map((item) => (
|
||||||
@@ -99,22 +99,31 @@ export const ComboboxMenu = <MenuItemValue extends string, MenuGroupValue extend
|
|||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
disabled={item.disabled}
|
disabled={item.disabled}
|
||||||
|
$withItemBorders={withItemBorders}
|
||||||
>
|
>
|
||||||
{item.slotBefore}
|
{
|
||||||
<Styled.ItemLabel>
|
<>
|
||||||
<span>
|
{item.slotBefore}
|
||||||
{`${item.label}${item.subitems?.length ? '…' : ''}`}
|
{item.slotCustomContent ?? (
|
||||||
{item.tag && (
|
<Styled.ItemLabel>
|
||||||
<>
|
<span>
|
||||||
{' '}
|
{typeof item.label === 'string'
|
||||||
<Tag>{item.tag}</Tag>
|
? `${item.label}${item.subitems?.length ? '…' : ''}`
|
||||||
</>
|
: item.label}
|
||||||
|
{item.tag && (
|
||||||
|
<>
|
||||||
|
{' '}
|
||||||
|
<Tag>{item.tag}</Tag>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
|
{item.description && <span>{item.description}</span>}
|
||||||
|
</Styled.ItemLabel>
|
||||||
)}
|
)}
|
||||||
</span>
|
{item.slotAfter}
|
||||||
{item.description && <span>{item.description}</span>}
|
{item.subitems && '→'}
|
||||||
</Styled.ItemLabel>
|
</>
|
||||||
{item.slotAfter}
|
}
|
||||||
{item.subitems && '→'}
|
|
||||||
</Styled.Item>
|
</Styled.Item>
|
||||||
|
|
||||||
{searchValue &&
|
{searchValue &&
|
||||||
@@ -137,6 +146,7 @@ export const ComboboxMenu = <MenuItemValue extends string, MenuGroupValue extend
|
|||||||
onItemSelected?.();
|
onItemSelected?.();
|
||||||
}}
|
}}
|
||||||
disabled={subitem.disabled}
|
disabled={subitem.disabled}
|
||||||
|
$withItemBorders={withItemBorders}
|
||||||
>
|
>
|
||||||
{subitem.slotBefore}
|
{subitem.slotBefore}
|
||||||
<Styled.ItemLabel>
|
<Styled.ItemLabel>
|
||||||
@@ -169,14 +179,17 @@ const Styled: Record<string, AnyStyledComponent> = {};
|
|||||||
|
|
||||||
Styled.Command = styled(Command)<{ $withStickyLayout?: boolean }>`
|
Styled.Command = styled(Command)<{ $withStickyLayout?: boolean }>`
|
||||||
--comboboxMenu-backgroundColor: var(--color-layer-2);
|
--comboboxMenu-backgroundColor: var(--color-layer-2);
|
||||||
|
|
||||||
--comboboxMenu-input-backgroundColor: var(--color-layer-3);
|
--comboboxMenu-input-backgroundColor: var(--color-layer-3);
|
||||||
--comboboxMenu-input-height: 2.5rem;
|
--comboboxMenu-input-height: 2.5rem;
|
||||||
|
|
||||||
--comboboxMenu-item-checked-backgroundColor: ;
|
--comboboxMenu-item-checked-backgroundColor: ;
|
||||||
--comboboxMenu-item-checked-textColor: ;
|
--comboboxMenu-item-checked-textColor: ;
|
||||||
--comboboxMenu-item-highlighted-backgroundColor: var(--color-layer-3);
|
--comboboxMenu-item-highlighted-backgroundColor: var(--color-layer-3);
|
||||||
--comboboxMenu-item-highlighted-textColor: var(--color-text-1);
|
--comboboxMenu-item-highlighted-textColor: var(--color-text-1);
|
||||||
--comboboxMenu-item-backgroundColor: ;
|
--comboboxMenu-item-backgroundColor: ;
|
||||||
--comboboxMenu-item-gap: 0.5rem;
|
--comboboxMenu-item-gap: 0.5rem;
|
||||||
|
--comboboxMenu-item-padding: 0.5em 1em;
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
align-content: start;
|
align-content: start;
|
||||||
@@ -225,7 +238,7 @@ Styled.Input = styled(Command.Input)`
|
|||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Group = styled(Command.Group)<{ $withStickyLayout?: boolean }>`
|
Styled.Group = styled(Command.Group)<{ $withItemBorders?: boolean; $withStickyLayout?: boolean }>`
|
||||||
color: var(--color-text-0);
|
color: var(--color-text-0);
|
||||||
|
|
||||||
> [cmdk-group-heading] {
|
> [cmdk-group-heading] {
|
||||||
@@ -242,12 +255,21 @@ Styled.Group = styled(Command.Group)<{ $withStickyLayout?: boolean }>`
|
|||||||
|
|
||||||
> [cmdk-group-heading] {
|
> [cmdk-group-heading] {
|
||||||
${layoutMixins.stickyHeader}
|
${layoutMixins.stickyHeader}
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
> [cmdk-group-items] {
|
> [cmdk-group-items] {
|
||||||
${layoutMixins.stickyArea3}
|
${layoutMixins.stickyArea3}
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
|
|
||||||
|
${({ $withItemBorders }) =>
|
||||||
|
$withItemBorders &&
|
||||||
|
css`
|
||||||
|
> [cmdk-group-items] {
|
||||||
|
padding: var(--border-width) 0;
|
||||||
|
}
|
||||||
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.List = styled(Command.List)<{ $withStickyLayout?: boolean }>`
|
Styled.List = styled(Command.List)<{ $withStickyLayout?: boolean }>`
|
||||||
@@ -274,13 +296,14 @@ Styled.List = styled(Command.List)<{ $withStickyLayout?: boolean }>`
|
|||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Item = styled(Command.Item)`
|
Styled.Item = styled(Command.Item)<{ $withItemBorders?: boolean }>`
|
||||||
${layoutMixins.scrollSnapItem}
|
${layoutMixins.scrollSnapItem}
|
||||||
${popoverMixins.item}
|
${popoverMixins.item}
|
||||||
--item-checked-backgroundColor: var(--comboboxMenu-item-checked-backgroundColor);
|
--item-checked-backgroundColor: var(--comboboxMenu-item-checked-backgroundColor);
|
||||||
--item-checked-textColor: var(--comboboxMenu-item-checked-textColor);
|
--item-checked-textColor: var(--comboboxMenu-item-checked-textColor);
|
||||||
--item-highlighted-textColor: var(--comboboxMenu-item-highlighted-textColor);
|
--item-highlighted-textColor: var(--comboboxMenu-item-highlighted-textColor);
|
||||||
--item-gap: var(--comboboxMenu-item-gap);
|
--item-gap: var(--comboboxMenu-item-gap);
|
||||||
|
--item-padding: var(--comboboxMenu-item-padding);
|
||||||
|
|
||||||
background-color: var(--comboboxMenu-backgroundColor, inherit);
|
background-color: var(--comboboxMenu-backgroundColor, inherit);
|
||||||
|
|
||||||
@@ -291,6 +314,12 @@ Styled.Item = styled(Command.Item)`
|
|||||||
opacity: 0.75;
|
opacity: 0.75;
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
${({ $withItemBorders }) =>
|
||||||
|
$withItemBorders &&
|
||||||
|
css`
|
||||||
|
${layoutMixins.withOuterBorder}
|
||||||
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.ItemLabel = styled.div`
|
Styled.ItemLabel = styled.div`
|
||||||
@@ -309,6 +338,8 @@ Styled.ItemLabel = styled.div`
|
|||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
min-width: 0;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Empty = styled(Command.Empty)`
|
Styled.Empty = styled(Command.Empty)`
|
||||||
|
|||||||
@@ -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);
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -15,10 +15,10 @@ CopyButtonStory.args = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
CopyButtonStory.argTypes = {
|
CopyButtonStory.argTypes = {
|
||||||
shownAsText: {
|
buttonType: {
|
||||||
options: [true, false],
|
options: ["text", "icon", "default"],
|
||||||
control: { type: 'select' },
|
control: { type: 'select' },
|
||||||
defaultValue: false,
|
defaultValue: "default",
|
||||||
},
|
},
|
||||||
children: {
|
children: {
|
||||||
options: ['some text to copy'],
|
options: ['some text to copy'],
|
||||||
|
|||||||
@@ -9,14 +9,21 @@ import { layoutMixins } from '@/styles/layoutMixins';
|
|||||||
|
|
||||||
import { Button, ButtonProps } from './Button';
|
import { Button, ButtonProps } from './Button';
|
||||||
import { Icon, IconName } from './Icon';
|
import { Icon, IconName } from './Icon';
|
||||||
|
import { IconButton } from './IconButton';
|
||||||
|
import { WithTooltip } from './WithTooltip';
|
||||||
|
|
||||||
export type CopyButtonProps = {
|
export type CopyButtonProps = {
|
||||||
value?: string;
|
value?: string;
|
||||||
shownAsText?: boolean;
|
buttonType?: 'text' | 'icon' | 'default';
|
||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
} & ButtonProps;
|
} & ButtonProps;
|
||||||
|
|
||||||
export const CopyButton = ({ value, shownAsText, children, ...buttonProps }: CopyButtonProps) => {
|
export const CopyButton = ({
|
||||||
|
value,
|
||||||
|
buttonType = 'default',
|
||||||
|
children,
|
||||||
|
...buttonProps
|
||||||
|
}: CopyButtonProps) => {
|
||||||
const stringGetter = useStringGetter();
|
const stringGetter = useStringGetter();
|
||||||
const [copied, setCopied] = useState(false);
|
const [copied, setCopied] = useState(false);
|
||||||
|
|
||||||
@@ -28,11 +35,23 @@ export const CopyButton = ({ value, shownAsText, children, ...buttonProps }: Cop
|
|||||||
setTimeout(() => setCopied(false), 500);
|
setTimeout(() => setCopied(false), 500);
|
||||||
};
|
};
|
||||||
|
|
||||||
return shownAsText ? (
|
return buttonType === 'text' ? (
|
||||||
<Styled.InlineRow onClick={onCopy} copied={copied}>
|
<Styled.InlineRow onClick={onCopy} copied={copied}>
|
||||||
{children}
|
{children}
|
||||||
<Icon iconName={IconName.Copy} />
|
<Styled.Icon copied={copied} iconName={copied ? IconName.Check : IconName.Copy} />
|
||||||
</Styled.InlineRow>
|
</Styled.InlineRow>
|
||||||
|
) : buttonType === 'icon' ? (
|
||||||
|
<WithTooltip
|
||||||
|
tooltipString={stringGetter({ key: copied ? STRING_KEYS.COPIED : STRING_KEYS.COPY })}
|
||||||
|
>
|
||||||
|
<Styled.IconButton
|
||||||
|
{...buttonProps}
|
||||||
|
copied={copied}
|
||||||
|
action={ButtonAction.Base}
|
||||||
|
iconName={copied ? IconName.Check : IconName.Copy}
|
||||||
|
onClick={onCopy}
|
||||||
|
/>
|
||||||
|
</WithTooltip>
|
||||||
) : (
|
) : (
|
||||||
<Button
|
<Button
|
||||||
{...buttonProps}
|
{...buttonProps}
|
||||||
@@ -58,8 +77,26 @@ Styled.InlineRow = styled.div<{ copied: boolean }>`
|
|||||||
`
|
`
|
||||||
: css`
|
: css`
|
||||||
&:hover {
|
&:hover {
|
||||||
filter: brightness(1.1);
|
filter: brightness(var(--hover-filter-base));
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
Styled.Icon = styled(Icon)<{ copied: boolean }>`
|
||||||
|
${({ copied }) =>
|
||||||
|
copied &&
|
||||||
|
css`
|
||||||
|
color: var(--color-success);
|
||||||
|
`}
|
||||||
|
`;
|
||||||
|
|
||||||
|
Styled.IconButton = styled(IconButton)<{ copied: boolean }>`
|
||||||
|
${({ copied }) =>
|
||||||
|
copied &&
|
||||||
|
css`
|
||||||
|
svg {
|
||||||
|
color: var(--color-success);
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
`;
|
||||||
|
|||||||
@@ -38,6 +38,7 @@ type ElementProps = {
|
|||||||
slotTrigger?: React.ReactNode;
|
slotTrigger?: React.ReactNode;
|
||||||
slotHeaderInner?: React.ReactNode;
|
slotHeaderInner?: React.ReactNode;
|
||||||
slotFooter?: React.ReactNode;
|
slotFooter?: React.ReactNode;
|
||||||
|
withClose?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
@@ -46,6 +47,7 @@ type StyleProps = {
|
|||||||
hasHeaderBorder?: boolean;
|
hasHeaderBorder?: boolean;
|
||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
className?: string;
|
className?: string;
|
||||||
|
withAnimation?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type DialogProps = ElementProps & StyleProps;
|
export type DialogProps = ElementProps & StyleProps;
|
||||||
@@ -79,9 +81,11 @@ export const Dialog = ({
|
|||||||
slotTrigger,
|
slotTrigger,
|
||||||
slotHeaderInner,
|
slotHeaderInner,
|
||||||
slotFooter,
|
slotFooter,
|
||||||
|
withClose = true,
|
||||||
placement = DialogPlacement.Default,
|
placement = DialogPlacement.Default,
|
||||||
portalContainer,
|
portalContainer,
|
||||||
hasHeaderBorder = false,
|
hasHeaderBorder = false,
|
||||||
|
withAnimation = false,
|
||||||
children,
|
children,
|
||||||
className,
|
className,
|
||||||
}: DialogProps) => {
|
}: DialogProps) => {
|
||||||
@@ -105,6 +109,7 @@ export const Dialog = ({
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
|
$withAnimation={withAnimation}
|
||||||
>
|
>
|
||||||
<Styled.Header $withBorder={hasHeaderBorder}>
|
<Styled.Header $withBorder={hasHeaderBorder}>
|
||||||
<Styled.HeaderTopRow>
|
<Styled.HeaderTopRow>
|
||||||
@@ -114,7 +119,7 @@ export const Dialog = ({
|
|||||||
|
|
||||||
{title && <Styled.Title>{title}</Styled.Title>}
|
{title && <Styled.Title>{title}</Styled.Title>}
|
||||||
|
|
||||||
{!preventClose && (
|
{!preventClose && withClose && (
|
||||||
<Styled.Close ref={closeButtonRef}>
|
<Styled.Close ref={closeButtonRef}>
|
||||||
<Icon iconName={IconName.Close} />
|
<Icon iconName={IconName.Close} />
|
||||||
</Styled.Close>
|
</Styled.Close>
|
||||||
@@ -168,7 +173,7 @@ Styled.Overlay = styled(Overlay)`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Container = styled(Content)<{ placement: DialogPlacement }>`
|
Styled.Container = styled(Content)<{ placement: DialogPlacement; $withAnimation?: boolean }>`
|
||||||
/* Params */
|
/* Params */
|
||||||
--dialog-inset: 1rem;
|
--dialog-inset: 1rem;
|
||||||
--dialog-width: 30rem;
|
--dialog-width: 30rem;
|
||||||
@@ -224,7 +229,7 @@ Styled.Container = styled(Content)<{ placement: DialogPlacement }>`
|
|||||||
|
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
||||||
${({ placement }) =>
|
${({ placement, $withAnimation }) =>
|
||||||
({
|
({
|
||||||
[DialogPlacement.Default]: css`
|
[DialogPlacement.Default]: css`
|
||||||
inset: var(--dialog-inset);
|
inset: var(--dialog-inset);
|
||||||
@@ -260,9 +265,11 @@ Styled.Container = styled(Content)<{ placement: DialogPlacement }>`
|
|||||||
padding-bottom: var(--dialog-radius); */
|
padding-bottom: var(--dialog-radius); */
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
${$withAnimation &&
|
||||||
&[data-state='open'] {
|
css`
|
||||||
animation: ${keyframes`
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
|
&[data-state='open'] {
|
||||||
|
animation: ${keyframes`
|
||||||
from {
|
from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
@@ -270,18 +277,19 @@ Styled.Container = styled(Content)<{ placement: DialogPlacement }>`
|
|||||||
max-height: 0;
|
max-height: 0;
|
||||||
}
|
}
|
||||||
`} 0.15s var(--ease-out-expo);
|
`} 0.15s var(--ease-out-expo);
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-state='closed'] {
|
&[data-state='closed'] {
|
||||||
animation: ${keyframes`
|
animation: ${keyframes`
|
||||||
to {
|
to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
scale: 0.9;
|
scale: 0.9;
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
}
|
}
|
||||||
`} 0.15s;
|
`} 0.15s;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
`}
|
||||||
`,
|
`,
|
||||||
[DialogPlacement.Sidebar]: css`
|
[DialogPlacement.Sidebar]: css`
|
||||||
--dialog-width: var(--sidebar-width);
|
--dialog-width: var(--sidebar-width);
|
||||||
@@ -291,50 +299,52 @@ Styled.Container = styled(Content)<{ placement: DialogPlacement }>`
|
|||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
${$withAnimation &&
|
||||||
&[data-state='open'] {
|
css`
|
||||||
animation: ${keyframes`
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
|
&[data-state='open'] {
|
||||||
|
animation: ${keyframes`
|
||||||
from {
|
from {
|
||||||
translate: 100% 0;
|
translate: 100% 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
`} 0.15s var(--ease-out-expo);
|
`} 0.15s var(--ease-out-expo);
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-state='closed'] {
|
&[data-state='closed'] {
|
||||||
animation: ${keyframes`
|
animation: ${keyframes`
|
||||||
to {
|
to {
|
||||||
translate: 100% 0;
|
translate: 100% 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
`} 0.15s var(--ease-out-expo);
|
`} 0.15s var(--ease-out-expo);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
`}
|
||||||
`,
|
`,
|
||||||
[DialogPlacement.Inline]: css`
|
[DialogPlacement.Inline]: css`
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
${$withAnimation &&
|
||||||
&[data-state='open'] {
|
css`
|
||||||
animation: ${keyframes`
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
|
&[data-state='open'] {
|
||||||
|
animation: ${keyframes`
|
||||||
from {
|
from {
|
||||||
scale: 0.99;
|
scale: 0.99;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
/* filter: blur(2px); */
|
|
||||||
/* backdrop-filter: none; */
|
|
||||||
}
|
}
|
||||||
`} 0.15s var(--ease-out-expo);
|
`} 0.15s var(--ease-out-expo);
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-state='closed'] {
|
&[data-state='closed'] {
|
||||||
animation: ${keyframes`
|
animation: ${keyframes`
|
||||||
to {
|
to {
|
||||||
scale: 0.99;
|
scale: 0.99;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
/* filter: blur(2px); */
|
|
||||||
/* backdrop-filter: none; */
|
|
||||||
}
|
}
|
||||||
`} 0.15s var(--ease-out-expo);
|
`} 0.15s var(--ease-out-expo);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
`}
|
||||||
`,
|
`,
|
||||||
[DialogPlacement.FullScreen]: css`
|
[DialogPlacement.FullScreen]: css`
|
||||||
--dialog-width: 100vw;
|
--dialog-width: 100vw;
|
||||||
|
|||||||
@@ -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'])}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -75,7 +75,7 @@ Styled.DiffValue = styled.div<{ hasInvalidNewValue?: boolean }>`
|
|||||||
${({ hasInvalidNewValue }) =>
|
${({ hasInvalidNewValue }) =>
|
||||||
hasInvalidNewValue &&
|
hasInvalidNewValue &&
|
||||||
css`
|
css`
|
||||||
color: var(--color-negative);
|
color: var(--color-error);
|
||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
@@ -35,8 +35,8 @@ export const DropdownHeaderMenu = <MenuItemValue extends string>({
|
|||||||
<Root>
|
<Root>
|
||||||
<Styled.Trigger className={className} asChild>
|
<Styled.Trigger className={className} asChild>
|
||||||
<div>
|
<div>
|
||||||
{children}
|
{children}
|
||||||
<Styled.DropdownIconButton iconName={IconName.Caret} isToggle />
|
<Styled.DropdownIconButton iconName={IconName.Caret} isToggle />
|
||||||
</div>
|
</div>
|
||||||
</Styled.Trigger>
|
</Styled.Trigger>
|
||||||
<Portal>
|
<Portal>
|
||||||
@@ -87,7 +87,7 @@ Styled.Trigger = styled(Trigger)`
|
|||||||
outline: none;
|
outline: none;
|
||||||
|
|
||||||
:hover {
|
:hover {
|
||||||
filter: brightness(1.1);
|
filter: brightness(var(--hover-filter-base));
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
@@ -6,29 +6,34 @@ import { StoryWrapper } from '.ladle/components';
|
|||||||
|
|
||||||
export const DropdownMenuStory: Story<Parameters<typeof DropdownMenu>> = (args) => {
|
export const DropdownMenuStory: Story<Parameters<typeof DropdownMenu>> = (args) => {
|
||||||
const exampleItems = [
|
const exampleItems = [
|
||||||
|
{
|
||||||
|
value: '0',
|
||||||
|
label: 'Item 0',
|
||||||
|
onSelect: () => alert('Item 0 action'),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
value: '1',
|
value: '1',
|
||||||
label: 'Item 1',
|
label: 'Item 1 (accent)',
|
||||||
onSelect: () => alert('Item 1 action'),
|
onSelect: () => alert('Item 1 action'),
|
||||||
|
highlightColor: 'accent',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '2',
|
value: '2',
|
||||||
label: 'Item 2',
|
label: 'Item 2 (create)',
|
||||||
onSelect: () => alert('Item 2 action'),
|
onSelect: () => alert('Item 2 action'),
|
||||||
|
highlightColor: 'create',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '3',
|
value: '3',
|
||||||
label: 'Item 3',
|
label: 'Item 3 (destroy)',
|
||||||
onSelect: () => alert('Item 3 action'),
|
onSelect: () => alert('Item 3 action'),
|
||||||
|
highlightColor: 'destroy',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<DropdownMenu
|
<DropdownMenu {...args} items={exampleItems}>
|
||||||
{...args}
|
|
||||||
items={exampleItems}
|
|
||||||
>
|
|
||||||
<span>Menu</span>
|
<span>Menu</span>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
</StoryWrapper>
|
</StoryWrapper>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ export type DropdownMenuItem<T> = {
|
|||||||
label: React.ReactNode;
|
label: React.ReactNode;
|
||||||
onSelect?: () => void;
|
onSelect?: () => void;
|
||||||
separator?: boolean;
|
separator?: boolean;
|
||||||
highlightColor?: 'accent' | 'positive' | 'negative';
|
highlightColor?: 'accent' | 'create' | 'destroy';
|
||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {
|
type StyleProps = {
|
||||||
@@ -82,7 +82,7 @@ Styled.Separator = styled(Separator)`
|
|||||||
margin: 0.25rem 1rem;
|
margin: 0.25rem 1rem;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Item = styled(Item)<{ $highlightColor: 'accent' | 'positive' | 'negative' }>`
|
Styled.Item = styled(Item)<{ $highlightColor: 'accent' | 'create' | 'destroy' }>`
|
||||||
${popoverMixins.item}
|
${popoverMixins.item}
|
||||||
--item-font-size: var(--dropdownMenu-item-font-size);
|
--item-font-size: var(--dropdownMenu-item-font-size);
|
||||||
${({ $highlightColor }) =>
|
${({ $highlightColor }) =>
|
||||||
@@ -90,11 +90,11 @@ Styled.Item = styled(Item)<{ $highlightColor: 'accent' | 'positive' | 'negative'
|
|||||||
['accent']: `
|
['accent']: `
|
||||||
--item-highlighted-textColor: var(--color-accent);
|
--item-highlighted-textColor: var(--color-accent);
|
||||||
`,
|
`,
|
||||||
['positive']: `
|
['create']: `
|
||||||
--item-highlighted-textColor: var(--color-positive);
|
--item-highlighted-textColor: var(--color-success);
|
||||||
`,
|
`,
|
||||||
['negative']: `
|
['destroy']: `
|
||||||
--item-highlighted-textColor: var(--color-negative);
|
--item-highlighted-textColor: var(--color-error);
|
||||||
`,
|
`,
|
||||||
}[$highlightColor])}
|
}[$highlightColor])}
|
||||||
|
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ import {
|
|||||||
RadioItem,
|
RadioItem,
|
||||||
Portal,
|
Portal,
|
||||||
} from '@radix-ui/react-dropdown-menu';
|
} from '@radix-ui/react-dropdown-menu';
|
||||||
|
import { CheckIcon } from '@radix-ui/react-icons';
|
||||||
|
|
||||||
import { type MenuItem } from '@/constants/menus';
|
import { type MenuItem } from '@/constants/menus';
|
||||||
|
|
||||||
@@ -90,7 +91,9 @@ export const DropdownSelectMenu = <MenuItemValue extends string>({
|
|||||||
|
|
||||||
{slotAfter}
|
{slotAfter}
|
||||||
|
|
||||||
<Styled.ItemIndicator>✔{/* <CheckIcon /> */}</Styled.ItemIndicator>
|
<Styled.ItemIndicator>
|
||||||
|
<CheckIcon />
|
||||||
|
</Styled.ItemIndicator>
|
||||||
</Styled.RadioItem>
|
</Styled.RadioItem>
|
||||||
))}
|
))}
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -1,43 +1,16 @@
|
|||||||
import styled, { AnyStyledComponent } from 'styled-components';
|
import styled, { AnyStyledComponent } from 'styled-components';
|
||||||
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
|
||||||
|
|
||||||
import { Icon, IconName } from '@/components/Icon';
|
import { Icon, IconName } from '@/components/Icon';
|
||||||
|
|
||||||
export const GreenCheckCircle = ({ className }: { className?: string }) => (
|
export const GreenCheckCircle = ({ className }: { className?: string }) => (
|
||||||
<Styled.GreenCheckCircle className={className}>
|
<Styled.Icon className={className} iconName={IconName.CheckCircle} />
|
||||||
<Icon iconName={IconName.Check} />
|
|
||||||
</Styled.GreenCheckCircle>
|
|
||||||
);
|
);
|
||||||
|
|
||||||
const Styled: Record<string, AnyStyledComponent> = {};
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|
||||||
Styled.GreenCheckCircle = styled.div`
|
Styled.Icon = styled(Icon)`
|
||||||
${layoutMixins.stack}
|
|
||||||
|
|
||||||
--icon-size: 1.25rem;
|
--icon-size: 1.25rem;
|
||||||
--icon-border-width: 3px;
|
|
||||||
|
|
||||||
width: var(--icon-size);
|
width: var(--icon-size);
|
||||||
height: var(--icon-size);
|
height: var(--icon-size);
|
||||||
border-radius: 50%;
|
|
||||||
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: '';
|
|
||||||
width: calc(var(--icon-size) - var(--icon-border-width) * 2);
|
|
||||||
height: calc(var(--icon-size) - var(--icon-border-width) * 2);
|
|
||||||
border: solid var(--icon-border-width) var(--color-positive);
|
|
||||||
border-radius: 50%;
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
width: calc(var(--icon-size) / 3);
|
|
||||||
height: calc(var(--icon-size) / 3);
|
|
||||||
|
|
||||||
color: var(--color-positive);
|
|
||||||
justify-self: center;
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -13,8 +13,10 @@ import {
|
|||||||
CaretIcon,
|
CaretIcon,
|
||||||
CautionCircleStrokeIcon,
|
CautionCircleStrokeIcon,
|
||||||
CautionCircleIcon,
|
CautionCircleIcon,
|
||||||
|
ChaosLabsIcon,
|
||||||
ChatIcon,
|
ChatIcon,
|
||||||
CheckIcon,
|
CheckIcon,
|
||||||
|
CheckCircleIcon,
|
||||||
ChevronLeftIcon,
|
ChevronLeftIcon,
|
||||||
ChevronRightIcon,
|
ChevronRightIcon,
|
||||||
ClockIcon,
|
ClockIcon,
|
||||||
@@ -23,7 +25,6 @@ import {
|
|||||||
CoinsIcon,
|
CoinsIcon,
|
||||||
CommentIcon,
|
CommentIcon,
|
||||||
CopyIcon,
|
CopyIcon,
|
||||||
CubeIcon,
|
|
||||||
DepositIcon,
|
DepositIcon,
|
||||||
DepthChartIcon,
|
DepthChartIcon,
|
||||||
DiscordIcon,
|
DiscordIcon,
|
||||||
@@ -37,12 +38,14 @@ import {
|
|||||||
HelpCircleIcon,
|
HelpCircleIcon,
|
||||||
HideIcon,
|
HideIcon,
|
||||||
HistoryIcon,
|
HistoryIcon,
|
||||||
|
LeaderboardIcon,
|
||||||
LinkOutIcon,
|
LinkOutIcon,
|
||||||
LockIcon,
|
LockIcon,
|
||||||
LogoShortIcon,
|
LogoShortIcon,
|
||||||
MenuIcon,
|
MenuIcon,
|
||||||
MigrateIcon,
|
MigrateIcon,
|
||||||
MintscanIcon,
|
MintscanIcon,
|
||||||
|
MoonIcon,
|
||||||
OrderbookIcon,
|
OrderbookIcon,
|
||||||
OrderCanceledIcon,
|
OrderCanceledIcon,
|
||||||
OrderFilledIcon,
|
OrderFilledIcon,
|
||||||
@@ -52,16 +55,20 @@ import {
|
|||||||
OrderUntriggeredIcon,
|
OrderUntriggeredIcon,
|
||||||
OverviewIcon,
|
OverviewIcon,
|
||||||
PencilIcon,
|
PencilIcon,
|
||||||
|
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,
|
||||||
@@ -84,8 +91,10 @@ export enum IconName {
|
|||||||
Caret = 'Caret',
|
Caret = 'Caret',
|
||||||
CautionCircle = 'CautionCircle',
|
CautionCircle = 'CautionCircle',
|
||||||
CautionCircleStroked = 'CautionCircleStroked',
|
CautionCircleStroked = 'CautionCircleStroked',
|
||||||
|
ChaosLabs = 'ChaosLabs',
|
||||||
Chat = 'Chat',
|
Chat = 'Chat',
|
||||||
Check = 'Check',
|
Check = 'Check',
|
||||||
|
CheckCircle = 'CheckCircle',
|
||||||
ChevronLeft = 'ChevronLeft',
|
ChevronLeft = 'ChevronLeft',
|
||||||
ChevronRight = 'ChevronRight',
|
ChevronRight = 'ChevronRight',
|
||||||
Clock = 'Clock',
|
Clock = 'Clock',
|
||||||
@@ -94,7 +103,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',
|
||||||
@@ -108,12 +116,14 @@ export enum IconName {
|
|||||||
HelpCircle = 'HelpCircle',
|
HelpCircle = 'HelpCircle',
|
||||||
Hide = 'Hide',
|
Hide = 'Hide',
|
||||||
History = 'History',
|
History = 'History',
|
||||||
|
Leaderboard = 'Leaderboard',
|
||||||
LinkOut = 'LinkOut',
|
LinkOut = 'LinkOut',
|
||||||
Lock = 'Lock',
|
Lock = 'Lock',
|
||||||
LogoShort = 'LogoShort',
|
LogoShort = 'LogoShort',
|
||||||
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',
|
||||||
@@ -124,15 +134,19 @@ export enum IconName {
|
|||||||
OrderUntriggered = 'OrderUntriggered',
|
OrderUntriggered = 'OrderUntriggered',
|
||||||
Overview = 'Overview',
|
Overview = 'Overview',
|
||||||
Pencil = 'Pencil',
|
Pencil = 'Pencil',
|
||||||
|
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',
|
||||||
@@ -156,8 +170,10 @@ const icons = {
|
|||||||
[IconName.Caret]: CaretIcon,
|
[IconName.Caret]: CaretIcon,
|
||||||
[IconName.CautionCircle]: CautionCircleIcon,
|
[IconName.CautionCircle]: CautionCircleIcon,
|
||||||
[IconName.CautionCircleStroked]: CautionCircleStrokeIcon,
|
[IconName.CautionCircleStroked]: CautionCircleStrokeIcon,
|
||||||
|
[IconName.ChaosLabs]: ChaosLabsIcon,
|
||||||
[IconName.Chat]: ChatIcon,
|
[IconName.Chat]: ChatIcon,
|
||||||
[IconName.Check]: CheckIcon,
|
[IconName.Check]: CheckIcon,
|
||||||
|
[IconName.CheckCircle]: CheckCircleIcon,
|
||||||
[IconName.ChevronLeft]: ChevronLeftIcon,
|
[IconName.ChevronLeft]: ChevronLeftIcon,
|
||||||
[IconName.ChevronRight]: ChevronRightIcon,
|
[IconName.ChevronRight]: ChevronRightIcon,
|
||||||
[IconName.Clock]: ClockIcon,
|
[IconName.Clock]: ClockIcon,
|
||||||
@@ -166,7 +182,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,
|
||||||
@@ -180,12 +195,14 @@ const icons = {
|
|||||||
[IconName.HelpCircle]: HelpCircleIcon,
|
[IconName.HelpCircle]: HelpCircleIcon,
|
||||||
[IconName.Hide]: HideIcon,
|
[IconName.Hide]: HideIcon,
|
||||||
[IconName.History]: HistoryIcon,
|
[IconName.History]: HistoryIcon,
|
||||||
|
[IconName.Leaderboard]: LeaderboardIcon,
|
||||||
[IconName.LinkOut]: LinkOutIcon,
|
[IconName.LinkOut]: LinkOutIcon,
|
||||||
[IconName.Lock]: LockIcon,
|
[IconName.Lock]: LockIcon,
|
||||||
[IconName.LogoShort]: LogoShortIcon,
|
[IconName.LogoShort]: LogoShortIcon,
|
||||||
[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,
|
||||||
@@ -195,15 +212,19 @@ const icons = {
|
|||||||
[IconName.OrderUntriggered]: OrderUntriggeredIcon,
|
[IconName.OrderUntriggered]: OrderUntriggeredIcon,
|
||||||
[IconName.Overview]: OverviewIcon,
|
[IconName.Overview]: OverviewIcon,
|
||||||
[IconName.Pencil]: PencilIcon,
|
[IconName.Pencil]: PencilIcon,
|
||||||
|
[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,
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import {
|
|||||||
USD_DECIMALS,
|
USD_DECIMALS,
|
||||||
} from '@/constants/numbers';
|
} from '@/constants/numbers';
|
||||||
|
|
||||||
import { BIG_NUMBERS, MustBigNumber } from '@/lib/numbers';
|
import { BIG_NUMBERS } from '@/lib/numbers';
|
||||||
import { useLocaleSeparators } from '@/hooks';
|
import { useLocaleSeparators } from '@/hooks';
|
||||||
|
|
||||||
export enum InputType {
|
export enum InputType {
|
||||||
@@ -29,31 +29,38 @@ type StyleProps = {
|
|||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
type?: InputType;
|
type?: InputType;
|
||||||
value?: string | number | null;
|
value?: string | number | null;
|
||||||
|
|
||||||
allowNegative?: boolean;
|
|
||||||
decimals?: number;
|
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
id?: string;
|
id?: string;
|
||||||
max?: number;
|
|
||||||
onBlur?: () => void;
|
onBlur?: () => void;
|
||||||
onChange?:
|
|
||||||
| Dispatch<SetStateAction<string>>
|
|
||||||
| React.ReactEventHandler<HTMLInputElement>
|
|
||||||
| ((values: NumberFormatValues, e: SourceInfo) => void);
|
|
||||||
onFocus?: () => void;
|
onFocus?: () => void;
|
||||||
onInput?: ({
|
|
||||||
value,
|
|
||||||
floatValue,
|
|
||||||
formattedValue,
|
|
||||||
}: {
|
|
||||||
value: string;
|
|
||||||
floatValue?: number;
|
|
||||||
formattedValue: string;
|
|
||||||
}) => void;
|
|
||||||
placeholder?: string;
|
placeholder?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type InputProps = ElementProps & StyleProps;
|
type ConditionalProps =
|
||||||
|
| {
|
||||||
|
allowNegative?: boolean;
|
||||||
|
decimals?: number;
|
||||||
|
max?: number;
|
||||||
|
onChange?: (values: NumberFormatValues, e: SourceInfo) => void;
|
||||||
|
onInput?: ({
|
||||||
|
value,
|
||||||
|
floatValue,
|
||||||
|
formattedValue,
|
||||||
|
}: {
|
||||||
|
value: string;
|
||||||
|
floatValue?: number;
|
||||||
|
formattedValue: string;
|
||||||
|
}) => void;
|
||||||
|
}
|
||||||
|
| {
|
||||||
|
allowNegative?: never;
|
||||||
|
decimals?: never;
|
||||||
|
max?: never;
|
||||||
|
onChange?: Dispatch<SetStateAction<string>> | React.ReactEventHandler<HTMLInputElement>;
|
||||||
|
onInput?: (e: SyntheticInputEvent) => void;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type InputProps = ElementProps & StyleProps & ConditionalProps;
|
||||||
|
|
||||||
export const Input = forwardRef<HTMLInputElement, InputProps>(
|
export const Input = forwardRef<HTMLInputElement, InputProps>(
|
||||||
(
|
(
|
||||||
@@ -129,6 +136,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
placeholder={placeholder}
|
placeholder={placeholder}
|
||||||
value={value}
|
value={value}
|
||||||
// Other
|
// Other
|
||||||
|
data-1p-ignore // prevent 1Password fill
|
||||||
{...otherProps}
|
{...otherProps}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
@@ -137,6 +145,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
ref={ref as React.Ref<typeof NumericFormat<unknown>>}
|
ref={ref as React.Ref<typeof NumericFormat<unknown>>}
|
||||||
id={id}
|
id={id}
|
||||||
// NumericFormat
|
// NumericFormat
|
||||||
|
valueIsNumericString
|
||||||
allowNegative={allowNegative}
|
allowNegative={allowNegative}
|
||||||
decimalScale={decimals}
|
decimalScale={decimals}
|
||||||
decimalSeparator={LOCALE_DECIMAL_SEPARATOR}
|
decimalSeparator={LOCALE_DECIMAL_SEPARATOR}
|
||||||
@@ -160,7 +169,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
? undefined
|
? undefined
|
||||||
: Number(formattedValue.replace(',', '.'));
|
: Number(formattedValue.replace(',', '.'));
|
||||||
|
|
||||||
onInput?.({ value, floatValue, formattedValue });
|
onInput?.({ value, floatValue, formattedValue, ...e });
|
||||||
}}
|
}}
|
||||||
// Native
|
// Native
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
@@ -168,6 +177,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
|
|||||||
value={formattedValue}
|
value={formattedValue}
|
||||||
autoComplete="off"
|
autoComplete="off"
|
||||||
autoCorrect="off"
|
autoCorrect="off"
|
||||||
|
data-1p-ignore // prevent 1Password fill
|
||||||
{...otherProps}
|
{...otherProps}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
@@ -188,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;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { forwardRef, Ref, useEffect, useRef, useState } from 'react';
|
import { forwardRef, Ref } from 'react';
|
||||||
import styled, { type AnyStyledComponent, css, keyframes } from 'styled-components';
|
import styled, { type AnyStyledComponent, css, keyframes } from 'styled-components';
|
||||||
import { NavLink, matchPath, useLocation } from 'react-router-dom';
|
import { NavLink, matchPath, useLocation } from 'react-router-dom';
|
||||||
|
|
||||||
@@ -21,8 +21,6 @@ import {
|
|||||||
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
import { isTruthy } from '@/lib/isTruthy';
|
|
||||||
|
|
||||||
import { Tag } from './Tag';
|
import { Tag } from './Tag';
|
||||||
import { Icon, IconName } from './Icon';
|
import { Icon, IconName } from './Icon';
|
||||||
|
|
||||||
@@ -61,7 +59,6 @@ const NavItem = forwardRef(
|
|||||||
<>
|
<>
|
||||||
{slotBefore}
|
{slotBefore}
|
||||||
<span>
|
<span>
|
||||||
{/* {`${label}${subitems?.length ? ' ' : ''}`} */}
|
|
||||||
{label}
|
{label}
|
||||||
{tag && (
|
{tag && (
|
||||||
<>
|
<>
|
||||||
@@ -100,8 +97,6 @@ const NavItem = forwardRef(
|
|||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
type TriggerRef = HTMLAnchorElement | HTMLDivElement | HTMLButtonElement | null;
|
|
||||||
|
|
||||||
export const NavigationMenu = <MenuItemValue extends string, MenuGroupValue extends string>({
|
export const NavigationMenu = <MenuItemValue extends string, MenuGroupValue extends string>({
|
||||||
onSelectItem,
|
onSelectItem,
|
||||||
onSelectGroup,
|
onSelectGroup,
|
||||||
@@ -112,33 +107,6 @@ export const NavigationMenu = <MenuItemValue extends string, MenuGroupValue exte
|
|||||||
dir = 'ltr',
|
dir = 'ltr',
|
||||||
className,
|
className,
|
||||||
}: ElementProps<MenuItemValue, MenuGroupValue> & StyleProps) => {
|
}: ElementProps<MenuItemValue, MenuGroupValue> & StyleProps) => {
|
||||||
// Disable click (close) in the first 500ms after hover (open)
|
|
||||||
// https://github.com/radix-ui/primitives/issues/1630#issuecomment-1545995075
|
|
||||||
const [clickIsDisabled, setClickIsDisabled] = useState(false);
|
|
||||||
const triggerRefs = useRef({} as { [value: string]: TriggerRef });
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const observer = new MutationObserver((mutationsList) => {
|
|
||||||
for (const mutation of mutationsList) {
|
|
||||||
if (
|
|
||||||
mutation.type === 'attributes' &&
|
|
||||||
mutation.attributeName === 'data-state' &&
|
|
||||||
(mutation.target as unknown as HTMLOrSVGElement).dataset.state === 'open' &&
|
|
||||||
mutation.target !== document.activeElement
|
|
||||||
) {
|
|
||||||
setClickIsDisabled(true);
|
|
||||||
setTimeout(() => setClickIsDisabled(false), 500);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
for (const element of Object.values(triggerRefs.current).filter(isTruthy)) {
|
|
||||||
observer.observe(element, { attributes: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => observer.disconnect();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const renderSubitems = ({
|
const renderSubitems = ({
|
||||||
item,
|
item,
|
||||||
depth = 0,
|
depth = 0,
|
||||||
@@ -148,18 +116,18 @@ export const NavigationMenu = <MenuItemValue extends string, MenuGroupValue exte
|
|||||||
}) => (
|
}) => (
|
||||||
<>
|
<>
|
||||||
<Styled.SubMenuTrigger
|
<Styled.SubMenuTrigger
|
||||||
asChild={depth > 0}
|
asChild
|
||||||
ref={(ref: TriggerRef) => (triggerRefs.current[item.value] = ref)}
|
onPointerMove={(e: MouseEvent) => e.preventDefault()}
|
||||||
onClick={(e: MouseEvent) => {
|
onPointerLeave={(e: MouseEvent) => e.preventDefault()}
|
||||||
if (clickIsDisabled) {
|
|
||||||
e.preventDefault();
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
<Styled.NavItem onSelect={onSelectGroup} orientation={itemOrientation} {...item} />
|
<Styled.NavItem onSelect={onSelectGroup} orientation={itemOrientation} {...item} />
|
||||||
</Styled.SubMenuTrigger>
|
</Styled.SubMenuTrigger>
|
||||||
|
|
||||||
<Styled.Content data-placement={submenuPlacement}>
|
<Styled.Content
|
||||||
|
onPointerEnter={(e: MouseEvent) => e.preventDefault()}
|
||||||
|
onPointerLeave={(e: MouseEvent) => e.preventDefault()}
|
||||||
|
data-placement={submenuPlacement}
|
||||||
|
>
|
||||||
<Styled.Sub data-placement={submenuPlacement}>
|
<Styled.Sub data-placement={submenuPlacement}>
|
||||||
<Styled.List
|
<Styled.List
|
||||||
data-orientation={depth > 0 ? 'menu' : orientation === 'vertical' ? 'vertical' : 'menu'}
|
data-orientation={depth > 0 ? 'menu' : orientation === 'vertical' ? 'vertical' : 'menu'}
|
||||||
@@ -410,25 +378,12 @@ Styled.List = styled(List)`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.ListItem = styled(Item)`
|
Styled.ListItem = styled(Item)`
|
||||||
/* display: contents; */
|
|
||||||
display: grid;
|
display: grid;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
${Styled.List}[data-orientation="horizontal"] > & {
|
${Styled.List}[data-orientation="horizontal"] > & {
|
||||||
gap: var(--submenu-side-offset);
|
gap: var(--submenu-side-offset);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ${Styled.List}[data-orientation="menu"] > & {
|
|
||||||
grid-template-columns: 1fr 0;
|
|
||||||
align-items: start;
|
|
||||||
gap: 2rem;
|
|
||||||
} */
|
|
||||||
|
|
||||||
/* &:has([data-state="open"]) {
|
|
||||||
position: sticky;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
} */
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.SubMenuTrigger = styled(Trigger)`
|
Styled.SubMenuTrigger = styled(Trigger)`
|
||||||
@@ -436,11 +391,6 @@ Styled.SubMenuTrigger = styled(Trigger)`
|
|||||||
outline-offset: -2px;
|
outline-offset: -2px;
|
||||||
|
|
||||||
&[data-state='open'] {
|
&[data-state='open'] {
|
||||||
div {
|
|
||||||
background-color: var(--navigationMenu-item-checked-backgroundColor);
|
|
||||||
color: var(--navigationMenu-item-checked-textColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
rotate: 0.5turn;
|
rotate: 0.5turn;
|
||||||
}
|
}
|
||||||
@@ -452,11 +402,10 @@ Styled.NavItem = styled(NavItem)<{ orientation: 'horizontal' | 'vertical' }>`
|
|||||||
subitems?.length
|
subitems?.length
|
||||||
? css`
|
? css`
|
||||||
${popoverMixins.trigger}
|
${popoverMixins.trigger}
|
||||||
--trigger-backgroundColor: transparent;
|
--trigger-open-backgroundColor: var(--navigationMenu-item-checked-backgroundColor);
|
||||||
--trigger-open-backgroundColor: var(--color-layer-3);
|
|
||||||
`
|
`
|
||||||
: css`
|
: css`
|
||||||
&:hover:not(.active) {
|
&:hover:not(:active) {
|
||||||
background-color: var(--navigationMenu-item-highlighted-backgroundColor);
|
background-color: var(--navigationMenu-item-highlighted-backgroundColor);
|
||||||
color: var(--navigationMenu-item-highlighted-textColor);
|
color: var(--navigationMenu-item-highlighted-textColor);
|
||||||
}
|
}
|
||||||
@@ -470,8 +419,6 @@ Styled.NavItem = styled(NavItem)<{ orientation: 'horizontal' | 'vertical' }>`
|
|||||||
--item-radius: var(--navigationMenu-item-radius);
|
--item-radius: var(--navigationMenu-item-radius);
|
||||||
--item-padding: var(--navigationMenu-item-padding);
|
--item-padding: var(--navigationMenu-item-padding);
|
||||||
|
|
||||||
/* ${popoverMixins.backdropOverlay} */
|
|
||||||
|
|
||||||
${layoutMixins.scrollSnapItem}
|
${layoutMixins.scrollSnapItem}
|
||||||
|
|
||||||
min-height: var(--navigationMenu-item-height);
|
min-height: var(--navigationMenu-item-height);
|
||||||
|
|||||||
@@ -0,0 +1,201 @@
|
|||||||
|
import React, { type MouseEvent } from 'react';
|
||||||
|
import styled, { css } from 'styled-components';
|
||||||
|
|
||||||
|
import { ButtonShape, ButtonSize } from '@/constants/buttons';
|
||||||
|
|
||||||
|
import {
|
||||||
|
NotificationStatus,
|
||||||
|
type Notification as NotificationDataType,
|
||||||
|
} from '@/constants/notifications';
|
||||||
|
|
||||||
|
import { useNotifications } from '@/hooks/useNotifications';
|
||||||
|
|
||||||
|
import { popoverMixins } from '@/styles/popoverMixins';
|
||||||
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
|
import { IconButton } from '@/components/IconButton';
|
||||||
|
import { IconName } from '@/components/Icon';
|
||||||
|
import { Output, OutputType } from '@/components/Output';
|
||||||
|
|
||||||
|
type ElementProps = {
|
||||||
|
notification: NotificationDataType;
|
||||||
|
onClick?: () => void;
|
||||||
|
slotIcon?: React.ReactNode;
|
||||||
|
slotTitle?: React.ReactNode;
|
||||||
|
slotTitleLeft?: React.ReactNode;
|
||||||
|
slotTitleRight?: React.ReactNode;
|
||||||
|
slotDescription?: React.ReactNode;
|
||||||
|
slotCustomContent?: React.ReactNode;
|
||||||
|
slotAction?: React.ReactNode;
|
||||||
|
withClose?: boolean;
|
||||||
|
};
|
||||||
|
|
||||||
|
type StyleProps = {
|
||||||
|
className?: string;
|
||||||
|
isToast?: boolean;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type NotificationProps = ElementProps & StyleProps;
|
||||||
|
|
||||||
|
export const Notification = ({
|
||||||
|
className,
|
||||||
|
isToast,
|
||||||
|
notification,
|
||||||
|
onClick,
|
||||||
|
slotIcon,
|
||||||
|
slotTitle,
|
||||||
|
slotTitleLeft,
|
||||||
|
slotTitleRight,
|
||||||
|
slotDescription,
|
||||||
|
slotCustomContent,
|
||||||
|
slotAction,
|
||||||
|
withClose = !isToast,
|
||||||
|
}: NotificationProps) => {
|
||||||
|
const { markCleared, markSeen } = useNotifications();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<$Container className={className} isToast={isToast} onClick={onClick}>
|
||||||
|
<$Header>
|
||||||
|
{slotTitleLeft ?? (slotIcon && <$Icon>{slotIcon}</$Icon>)}
|
||||||
|
<$Title>{slotTitle}</$Title>
|
||||||
|
{slotTitleRight}
|
||||||
|
{withClose && !isToast && (
|
||||||
|
<$ActionItems>
|
||||||
|
<$Output
|
||||||
|
type={OutputType.RelativeTime}
|
||||||
|
value={notification.timestamps[NotificationStatus.Triggered]}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{notification.status < NotificationStatus.Seen ? <$UnreadIndicator /> : null}
|
||||||
|
|
||||||
|
{notification.status < NotificationStatus.Cleared ? (
|
||||||
|
<$IconButton
|
||||||
|
iconName={IconName.Close}
|
||||||
|
shape={ButtonShape.Square}
|
||||||
|
size={ButtonSize.XSmall}
|
||||||
|
onClick={(e: MouseEvent) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
|
||||||
|
if (notification.status < NotificationStatus.Seen) {
|
||||||
|
markSeen(notification);
|
||||||
|
} else if (notification.status < NotificationStatus.Cleared) {
|
||||||
|
markCleared(notification);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
) : null}
|
||||||
|
</$ActionItems>
|
||||||
|
)}
|
||||||
|
</$Header>
|
||||||
|
<$Description>{slotCustomContent ?? slotDescription}</$Description>
|
||||||
|
{slotAction && <$Action>{slotAction}</$Action>}
|
||||||
|
</$Container>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const $Container = styled.div<{ isToast?: boolean }>`
|
||||||
|
// Params
|
||||||
|
--toast-icon-size: 1.75em;
|
||||||
|
|
||||||
|
// Rules
|
||||||
|
${popoverMixins.popover}
|
||||||
|
overflow: visible;
|
||||||
|
padding: 1rem 1.25rem;
|
||||||
|
|
||||||
|
${({ isToast }) =>
|
||||||
|
isToast
|
||||||
|
? css`
|
||||||
|
padding: 1rem;
|
||||||
|
box-shadow: 0 0 0 var(--border-width) var(--color-border),
|
||||||
|
// border
|
||||||
|
0 0 0.5rem 0.1rem var(--color-layer-2); // shadow
|
||||||
|
`
|
||||||
|
: css`
|
||||||
|
flex: 1;
|
||||||
|
background-color: transparent;
|
||||||
|
border-radius: 0;
|
||||||
|
backdrop-filter: none;
|
||||||
|
`}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $Header = styled.header`
|
||||||
|
${layoutMixins.row}
|
||||||
|
position: relative;
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $Icon = styled.div`
|
||||||
|
${layoutMixins.row}
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
> svg,
|
||||||
|
img {
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $Title = styled.div`
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
|
font: var(--font-base-medium);
|
||||||
|
color: var(--color-text-2);
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $Description = styled.div`
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
color: var(--color-text-0);
|
||||||
|
font: var(--font-small-book);
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $Action = styled.div`
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
font: var(--font-small-book);
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $ActionItems = styled.div`
|
||||||
|
min-width: fit-content;
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
height: 100%;
|
||||||
|
${layoutMixins.row};
|
||||||
|
justify-content: end;
|
||||||
|
gap: 0.5rem;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
|
||||||
|
background-color: var(--color-layer-2);
|
||||||
|
font: var(--font-mini-book);
|
||||||
|
|
||||||
|
display: none;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
|
${$Container}:hover & {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $UnreadIndicator = styled.div`
|
||||||
|
width: 0.5rem;
|
||||||
|
height: 0.5rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-accent);
|
||||||
|
border: 1px solid var(--color-layer-2);
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $Output = styled(Output)`
|
||||||
|
color: var(--color-text-0);
|
||||||
|
`;
|
||||||
|
|
||||||
|
const $IconButton = styled(IconButton)`
|
||||||
|
--button-border: none;
|
||||||
|
--button-textColor: var(--color-text-0);
|
||||||
|
--button-hover-textColor: var(--color-text-1);
|
||||||
|
`;
|
||||||
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
import type { Story } from '@ladle/react';
|
import type { Story } from '@ladle/react';
|
||||||
|
|
||||||
import { Panel } from '@/components/Panel';
|
import { Panel, PanelProps } from '@/components/Panel';
|
||||||
|
|
||||||
import { StoryWrapper } from '.ladle/components';
|
import { StoryWrapper } from '.ladle/components';
|
||||||
|
|
||||||
export const PanelStory: Story<{ slotHeader: React.ReactNode, children?: React.ReactNode }> = (args) => {
|
export const PanelStory: Story<PanelProps> = (args) => {
|
||||||
return (
|
return (
|
||||||
<StoryWrapper>
|
<StoryWrapper>
|
||||||
<Panel {...args} />
|
<Panel {...args} />
|
||||||
@@ -13,6 +13,8 @@ export const PanelStory: Story<{ slotHeader: React.ReactNode, children?: React.R
|
|||||||
};
|
};
|
||||||
|
|
||||||
PanelStory.args = {
|
PanelStory.args = {
|
||||||
slotHeader: 'Header',
|
slotHeaderContent: 'Header',
|
||||||
children: 'Content',
|
children: 'Content',
|
||||||
|
slotRight: '1️⃣',
|
||||||
|
hasSeparator: true,
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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 ElementProps = {
|
||||||
slotHeaderContent?: string;
|
slotHeaderContent?: React.ReactNode;
|
||||||
slotHeader?: React.ReactNode;
|
slotHeader?: React.ReactNode;
|
||||||
slotRight?: React.ReactNode;
|
slotRight?: React.ReactNode;
|
||||||
children?: React.ReactNode;
|
children?: React.ReactNode;
|
||||||
@@ -15,11 +16,13 @@ type PanelProps = {
|
|||||||
onClick?: () => void;
|
onClick?: () => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
type PanelStyleProps = {
|
type StyleProps = {
|
||||||
className?: string;
|
className?: string;
|
||||||
hasSeparator?: boolean;
|
hasSeparator?: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export type PanelProps = ElementProps & StyleProps;
|
||||||
|
|
||||||
export const Panel = ({
|
export const Panel = ({
|
||||||
slotHeaderContent,
|
slotHeaderContent,
|
||||||
slotHeader,
|
slotHeader,
|
||||||
@@ -30,7 +33,7 @@ export const Panel = ({
|
|||||||
onClick,
|
onClick,
|
||||||
hasSeparator,
|
hasSeparator,
|
||||||
className,
|
className,
|
||||||
}: PanelProps & PanelStyleProps) => (
|
}: PanelProps) => (
|
||||||
<Styled.Panel onClick={onClick} className={className}>
|
<Styled.Panel onClick={onClick} className={className}>
|
||||||
<Styled.Left>
|
<Styled.Left>
|
||||||
{href ? (
|
{href ? (
|
||||||
@@ -67,6 +70,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> = {};
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { useState } from 'react';
|
import { useEffect, useRef, useState } from 'react';
|
||||||
import styled, { type AnyStyledComponent, css } from 'styled-components';
|
import styled, { type AnyStyledComponent, css } from 'styled-components';
|
||||||
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
@@ -22,6 +22,11 @@ export const SearchInput = ({
|
|||||||
}: SearchInputProps) => {
|
}: SearchInputProps) => {
|
||||||
const [isOpen, setIsOpen] = useState(false);
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
const [value, setValue] = useState('');
|
const [value, setValue] = useState('');
|
||||||
|
const inputRef = useRef<HTMLInputElement | null>(null);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (isOpen) inputRef?.current?.focus();
|
||||||
|
}, [inputRef, isOpen]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Styled.Search>
|
<Styled.Search>
|
||||||
@@ -41,6 +46,7 @@ export const SearchInput = ({
|
|||||||
/>
|
/>
|
||||||
<Styled.Input
|
<Styled.Input
|
||||||
autoFocus
|
autoFocus
|
||||||
|
ref={inputRef}
|
||||||
value={value}
|
value={value}
|
||||||
isOpen={isOpen}
|
isOpen={isOpen}
|
||||||
type={type}
|
type={type}
|
||||||
|
|||||||
@@ -12,6 +12,8 @@ import { WithDetailsReceipt } from '@/components/WithDetailsReceipt';
|
|||||||
import { WithLabel } from '@/components/WithLabel';
|
import { WithLabel } from '@/components/WithLabel';
|
||||||
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
import { formMixins } from '@/styles/formMixins';
|
||||||
|
import breakpoints from '@/styles/breakpoints';
|
||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
asChild?: boolean;
|
asChild?: boolean;
|
||||||
@@ -84,27 +86,30 @@ export const SearchSelectMenu = ({
|
|||||||
|
|
||||||
const Styled: Record<string, AnyStyledComponent> = {};
|
const Styled: Record<string, AnyStyledComponent> = {};
|
||||||
|
|
||||||
|
Styled.SearchSelectMenu = styled.div`
|
||||||
|
${layoutMixins.column}
|
||||||
|
`;
|
||||||
|
|
||||||
Styled.MenuTrigger = styled.div`
|
Styled.MenuTrigger = styled.div`
|
||||||
height: var(--form-input-height);
|
height: var(--form-input-height);
|
||||||
|
|
||||||
${layoutMixins.spacedRow}
|
${layoutMixins.spacedRow}
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0 1rem;
|
padding: var(--form-input-paddingY) var(--form-input-paddingX);
|
||||||
|
|
||||||
|
@media ${breakpoints.tablet} {
|
||||||
|
height: var(--form-input-height-mobile);
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.WithLabel = styled(WithLabel)`
|
Styled.WithLabel = styled(WithLabel)`
|
||||||
--label-textColor: var(--color-text-0);
|
${formMixins.inputLabel}
|
||||||
gap: 0.25rem;
|
|
||||||
|
|
||||||
label {
|
label {
|
||||||
font: var(--font-mini-book);
|
font: var(--font-mini-book);
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.SearchSelectMenu = styled.div`
|
|
||||||
${layoutMixins.column}
|
|
||||||
`;
|
|
||||||
|
|
||||||
Styled.WithDetailsReceipt = styled(WithDetailsReceipt)`
|
Styled.WithDetailsReceipt = styled(WithDetailsReceipt)`
|
||||||
--withReceipt-backgroundColor: var(--color-layer-2);
|
--withReceipt-backgroundColor: var(--color-layer-2);
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import styled, { type AnyStyledComponent } from 'styled-components';
|
import styled, { css, type AnyStyledComponent } from 'styled-components';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Root,
|
Root,
|
||||||
@@ -13,11 +13,13 @@ import {
|
|||||||
Portal,
|
Portal,
|
||||||
Icon as SelectIcon,
|
Icon as SelectIcon,
|
||||||
} from '@radix-ui/react-select';
|
} from '@radix-ui/react-select';
|
||||||
|
import { CheckIcon } from '@radix-ui/react-icons';
|
||||||
|
|
||||||
import { popoverMixins } from '@/styles/popoverMixins';
|
import { popoverMixins } from '@/styles/popoverMixins';
|
||||||
import { formMixins } from '@/styles/formMixins';
|
import { formMixins } from '@/styles/formMixins';
|
||||||
|
|
||||||
import { WithLabel } from '@/components/WithLabel';
|
import { WithLabel } from '@/components/WithLabel';
|
||||||
|
import { Icon, IconName } from './Icon';
|
||||||
|
|
||||||
export const SelectMenu = <T extends string>({
|
export const SelectMenu = <T extends string>({
|
||||||
children,
|
children,
|
||||||
@@ -44,7 +46,9 @@ export const SelectMenu = <T extends string>({
|
|||||||
) : (
|
) : (
|
||||||
<Value />
|
<Value />
|
||||||
)}
|
)}
|
||||||
{React.Children.toArray(children).length > 1 && <Styled.DropdownIcon />}
|
{React.Children.toArray(children).length > 1 && (
|
||||||
|
<Styled.TriggerIcon iconName={IconName.Triangle} />
|
||||||
|
)}
|
||||||
</Styled.Trigger>
|
</Styled.Trigger>
|
||||||
<Portal>
|
<Portal>
|
||||||
<Styled.Content className={className}>
|
<Styled.Content className={className}>
|
||||||
@@ -68,7 +72,9 @@ export const SelectItem = <T extends string>({
|
|||||||
}) => (
|
}) => (
|
||||||
<Styled.Item className={className} value={value}>
|
<Styled.Item className={className} value={value}>
|
||||||
<ItemText>{label}</ItemText>
|
<ItemText>{label}</ItemText>
|
||||||
<Styled.ItemIndicator>✔{/* <CheckIcon /> */}</Styled.ItemIndicator>
|
<Styled.ItemIndicator>
|
||||||
|
<CheckIcon />
|
||||||
|
</Styled.ItemIndicator>
|
||||||
</Styled.Item>
|
</Styled.Item>
|
||||||
);
|
);
|
||||||
|
|
||||||
@@ -88,12 +94,6 @@ Styled.Trigger = styled(Trigger)<{ $withBlur?: boolean }>`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.DropdownIcon = styled(SelectIcon)`
|
|
||||||
font-size: 0.675em;
|
|
||||||
color: var(--color-text-1);
|
|
||||||
margin-left: auto;
|
|
||||||
`;
|
|
||||||
|
|
||||||
Styled.Content = styled(Content)`
|
Styled.Content = styled(Content)`
|
||||||
--select-menu-content-maxWidth: ;
|
--select-menu-content-maxWidth: ;
|
||||||
max-width: var(--select-menu-content-maxWidth);
|
max-width: var(--select-menu-content-maxWidth);
|
||||||
@@ -116,3 +116,9 @@ Styled.WithLabel = styled(WithLabel)`
|
|||||||
${formMixins.inputLabel}
|
${formMixins.inputLabel}
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
Styled.TriggerIcon = styled(Icon)`
|
||||||
|
width: 0.625rem;
|
||||||
|
height: 0.375rem;
|
||||||
|
color: var(--color-text-0);
|
||||||
|
`;
|
||||||
|
|||||||
@@ -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);
|
||||||
@@ -746,7 +782,7 @@ Styled.Tr = styled.tr<{
|
|||||||
&:focus-visible,
|
&:focus-visible,
|
||||||
&:focus-within {
|
&:focus-within {
|
||||||
--tableRow-currentBackgroundColor: var(--tableRow-hover-backgroundColor);
|
--tableRow-currentBackgroundColor: var(--tableRow-hover-backgroundColor);
|
||||||
filter: brightness(1.1);
|
filter: brightness(var(--hover-filter-base));
|
||||||
}
|
}
|
||||||
`};
|
`};
|
||||||
|
|
||||||
@@ -831,6 +867,7 @@ Styled.SortArrow = styled.span<{ sortDirection: 'ascending' | 'descending' }>`
|
|||||||
Styled.Thead = styled.thead<StyleProps>`
|
Styled.Thead = styled.thead<StyleProps>`
|
||||||
${layoutMixins.stickyHeader}
|
${layoutMixins.stickyHeader}
|
||||||
scroll-snap-align: none;
|
scroll-snap-align: none;
|
||||||
|
font: var(--font-mini-book);
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
height: var(--stickyArea-topHeight);
|
height: var(--stickyArea-topHeight);
|
||||||
@@ -839,18 +876,17 @@ Styled.Thead = styled.thead<StyleProps>`
|
|||||||
color: var(--tableHeader-textColor);
|
color: var(--tableHeader-textColor);
|
||||||
background-color: var(--tableHeader-backgroundColor);
|
background-color: var(--tableHeader-backgroundColor);
|
||||||
|
|
||||||
@media ${breakpoints.notTablet} {
|
${({ withInnerBorders, withGradientCardRows }) =>
|
||||||
${({ withInnerBorders, withGradientCardRows }) =>
|
withInnerBorders &&
|
||||||
withInnerBorders &&
|
!withGradientCardRows &&
|
||||||
!withGradientCardRows &&
|
css`
|
||||||
css`
|
${layoutMixins.withInnerHorizontalBorders}
|
||||||
${layoutMixins.withInnerHorizontalBorders}
|
`}
|
||||||
`}
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
Styled.Tbody = styled.tbody<StyleProps>`
|
Styled.Tbody = styled.tbody<StyleProps>`
|
||||||
${layoutMixins.stickyArea2}
|
${layoutMixins.stickyArea2}
|
||||||
|
font: var(--font-small-book);
|
||||||
|
|
||||||
// If <table> height is fixed with not enough rows to overflow, vertically center the rows
|
// If <table> height is fixed with not enough rows to overflow, vertically center the rows
|
||||||
&:before,
|
&:before,
|
||||||
@@ -869,6 +905,22 @@ Styled.Tbody = styled.tbody<StyleProps>`
|
|||||||
--stickyArea2-paddingBottom: var(--border-width);
|
--stickyArea2-paddingBottom: var(--border-width);
|
||||||
--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 {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
`}
|
`}
|
||||||
|
|
||||||
${({ withGradientCardRows }) =>
|
${({ withGradientCardRows }) =>
|
||||||
@@ -920,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}
|
||||||
|
|||||||
@@ -1,24 +1,19 @@
|
|||||||
import React, { useEffect, useRef, useState } from 'react';
|
import { type MouseEvent, useEffect, useRef, useState } from 'react';
|
||||||
|
import styled, { keyframes } from 'styled-components';
|
||||||
import { Root, Title, Description, Action, Close } from '@radix-ui/react-toast';
|
import { Root, Action, Close } from '@radix-ui/react-toast';
|
||||||
|
|
||||||
import { ButtonShape, ButtonSize } from '@/constants/buttons';
|
import { ButtonShape, ButtonSize } from '@/constants/buttons';
|
||||||
|
import { popoverMixins } from '@/styles/popoverMixins';
|
||||||
|
import { breakpoints } from '@/styles';
|
||||||
|
|
||||||
|
import { Notification, type NotificationProps } from '@/components/Notification';
|
||||||
|
|
||||||
import { IconButton } from './IconButton';
|
import { IconButton } from './IconButton';
|
||||||
import { CloseIcon } from '@/icons';
|
import { IconName } from './Icon';
|
||||||
|
|
||||||
import styled, { keyframes } from 'styled-components';
|
|
||||||
import { popoverMixins } from '@/styles/popoverMixins';
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
|
||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
isOpen?: boolean;
|
isOpen?: boolean;
|
||||||
setIsOpen?: (isOpen: boolean, isClosedFromTimeout?: boolean) => void;
|
setIsOpen?: (isOpen: boolean, isClosedFromTimeout?: boolean) => void;
|
||||||
slotIcon?: React.ReactNode;
|
|
||||||
slotTitle?: React.ReactNode;
|
|
||||||
slotDescription?: React.ReactNode;
|
|
||||||
slotCustomContent?: React.ReactNode;
|
|
||||||
slotAction?: React.ReactNode;
|
|
||||||
actionDescription?: string;
|
actionDescription?: string;
|
||||||
actionAltText?: string;
|
actionAltText?: string;
|
||||||
sensitivity?: 'foreground' | 'background';
|
sensitivity?: 'foreground' | 'background';
|
||||||
@@ -26,13 +21,22 @@ type ElementProps = {
|
|||||||
lastUpdated?: number;
|
lastUpdated?: number;
|
||||||
};
|
};
|
||||||
|
|
||||||
type StyleProps = {};
|
type StyleProps = {
|
||||||
|
className?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type ToastProps = NotificationProps & ElementProps & StyleProps;
|
||||||
|
|
||||||
export const Toast = ({
|
export const Toast = ({
|
||||||
|
className,
|
||||||
isOpen = true,
|
isOpen = true,
|
||||||
|
notification,
|
||||||
|
onClick,
|
||||||
setIsOpen,
|
setIsOpen,
|
||||||
slotIcon,
|
slotIcon,
|
||||||
slotTitle,
|
slotTitle,
|
||||||
|
slotTitleLeft,
|
||||||
|
slotTitleRight,
|
||||||
slotDescription,
|
slotDescription,
|
||||||
slotCustomContent,
|
slotCustomContent,
|
||||||
slotAction,
|
slotAction,
|
||||||
@@ -41,7 +45,7 @@ export const Toast = ({
|
|||||||
sensitivity = 'background',
|
sensitivity = 'background',
|
||||||
duration = Infinity,
|
duration = Infinity,
|
||||||
lastUpdated,
|
lastUpdated,
|
||||||
}: ElementProps & StyleProps) => {
|
}: ToastProps) => {
|
||||||
// Timeout
|
// Timeout
|
||||||
const timeout = useRef<number>();
|
const timeout = useRef<number>();
|
||||||
const [isPaused, setIsPaused] = useState(false);
|
const [isPaused, setIsPaused] = useState(false);
|
||||||
@@ -58,37 +62,45 @@ export const Toast = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<$Root
|
<$Root
|
||||||
|
className={className}
|
||||||
type={sensitivity}
|
type={sensitivity}
|
||||||
duration={Infinity}
|
duration={Infinity}
|
||||||
open={isOpen}
|
open={isOpen}
|
||||||
onOpenChange={setIsOpen}
|
onOpenChange={setIsOpen}
|
||||||
onPause={() => setIsPaused(true)}
|
onPause={() => setIsPaused(true)}
|
||||||
onResume={() => setIsPaused(false)}
|
onResume={() => setIsPaused(false)}
|
||||||
|
onClick={() => {
|
||||||
|
setIsOpen?.(false, false);
|
||||||
|
onClick?.();
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
<div>
|
<Close asChild>
|
||||||
<$Container>
|
<$CloseButton
|
||||||
<$Header>
|
iconName={IconName.Close}
|
||||||
{slotIcon && <$Icon>{slotIcon}</$Icon>}
|
shape={ButtonShape.Circle}
|
||||||
|
size={ButtonSize.XSmall}
|
||||||
|
onClick={(e: MouseEvent) => e.stopPropagation()}
|
||||||
|
/>
|
||||||
|
</Close>
|
||||||
|
|
||||||
<Close asChild>
|
{slotCustomContent ?? (
|
||||||
<$CloseButton
|
<$Notification
|
||||||
iconComponent={CloseIcon}
|
isToast
|
||||||
shape={ButtonShape.Square}
|
notification={notification}
|
||||||
size={ButtonSize.XSmall}
|
slotIcon={slotIcon}
|
||||||
/>
|
slotTitle={slotTitle}
|
||||||
</Close>
|
slotTitleLeft={slotTitleLeft}
|
||||||
|
slotTitleRight={slotTitleRight}
|
||||||
<$Title>{slotTitle}</$Title>
|
slotDescription={slotDescription}
|
||||||
</$Header>
|
slotAction={
|
||||||
{!slotCustomContent && <$Description>{slotDescription}</$Description>}
|
actionDescription && (
|
||||||
{slotCustomContent}
|
<$Action asChild altText={actionAltText}>
|
||||||
{actionDescription && (
|
{slotAction}
|
||||||
<$Action asChild altText={actionAltText}>
|
</$Action>
|
||||||
{slotAction}
|
)
|
||||||
</$Action>
|
}
|
||||||
)}
|
/>
|
||||||
</$Container>
|
)}
|
||||||
</div>
|
|
||||||
</$Root>
|
</$Root>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -114,7 +126,7 @@ const $Root = styled(Root)`
|
|||||||
translate: var(--x) var(--y);
|
translate: var(--x) var(--y);
|
||||||
will-change: translate, margin-top;
|
will-change: translate, margin-top;
|
||||||
|
|
||||||
margin-bottom: var(--toasts-gap);
|
/* margin-bottom: var(--toasts-gap); */
|
||||||
|
|
||||||
&[data-swipe-direction='right'] {
|
&[data-swipe-direction='right'] {
|
||||||
&[data-state='open'] {
|
&[data-state='open'] {
|
||||||
@@ -163,6 +175,10 @@ const $Root = styled(Root)`
|
|||||||
cursor: n-resize;
|
cursor: n-resize;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus:not([data-swipe='end']) & {
|
||||||
|
outline: var(--color-accent) 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
&[data-swipe='move'] {
|
&[data-swipe='move'] {
|
||||||
transition-property: opacity;
|
transition-property: opacity;
|
||||||
opacity: 0.98;
|
opacity: 0.98;
|
||||||
@@ -171,6 +187,10 @@ const $Root = styled(Root)`
|
|||||||
* {
|
* {
|
||||||
cursor: inherit;
|
cursor: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& > * {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-state='closed'],
|
&[data-state='closed'],
|
||||||
@@ -198,69 +218,48 @@ const $Root = styled(Root)`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const $Container = styled.div`
|
const $Notification = styled(Notification)`
|
||||||
// Params
|
// Params
|
||||||
--toast-icon-size: 1.75em;
|
--toast-icon-size: 1.75em;
|
||||||
|
|
||||||
// Rules
|
// Rules
|
||||||
${popoverMixins.popover}
|
${popoverMixins.popover}
|
||||||
|
overflow: visible;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
box-shadow: 0 0 0 var(--border-width) var(--color-border),
|
box-shadow: 0 0 0 var(--border-width) var(--color-border),
|
||||||
// border
|
// border
|
||||||
0 0 0.5rem 0.1rem var(--color-layer-2); // shadow
|
0 0 0.5rem 0.1rem var(--color-layer-2); // shadow
|
||||||
|
|
||||||
${$Root}:focus:not([data-swipe='end']) & {
|
|
||||||
outline: var(--color-accent) 1px solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
transition: opacity 0.2s;
|
transition: opacity 0.2s;
|
||||||
}
|
}
|
||||||
${$Root}[data-swipe='move'] & > * {
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const $Header = styled.header`
|
|
||||||
display: block;
|
|
||||||
`;
|
|
||||||
|
|
||||||
const $Icon = styled.div`
|
|
||||||
${layoutMixins.row}
|
|
||||||
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
width: 1em;
|
|
||||||
height: 1em;
|
|
||||||
|
|
||||||
margin-right: 0.4em;
|
|
||||||
|
|
||||||
line-height: 1;
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const $CloseButton = styled(IconButton)`
|
const $CloseButton = styled(IconButton)`
|
||||||
--button-textColor: var(--color-text-0);
|
--button-textColor: var(--color-text-0);
|
||||||
--button-border: none;
|
--button-border: none;
|
||||||
--button-icon-size: 0.85em;
|
--button-icon-size: 0.85em;
|
||||||
|
display: none;
|
||||||
|
|
||||||
float: right;
|
/* float: right; */
|
||||||
margin: -0.42rem -0.42rem -0.42rem 0.42rem;
|
margin: -0.42rem -0.42rem -0.42rem 0.42rem;
|
||||||
`;
|
|
||||||
|
|
||||||
const $Title = styled(Title)`
|
// Absolute
|
||||||
flex: 1;
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
|
||||||
font: var(--font-base-medium);
|
border: solid var(--border-width) var(--color-border);
|
||||||
color: var(--color-text-2);
|
|
||||||
|
|
||||||
overflow: hidden;
|
${$Root}:hover & {
|
||||||
text-overflow: ellipsis;
|
display: block;
|
||||||
`;
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
const $Description = styled(Description)`
|
@media ${breakpoints.mobile} {
|
||||||
margin-top: 0.5rem;
|
display: block;
|
||||||
color: var(--color-text-0);
|
z-index: 2;
|
||||||
font: var(--font-small-book);
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const $Action = styled(Action)`
|
const $Action = styled(Action)`
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
|
import styled from 'styled-components';
|
||||||
|
|
||||||
import { Provider, Viewport } from '@radix-ui/react-toast';
|
import { Provider, Viewport } from '@radix-ui/react-toast';
|
||||||
|
|
||||||
import styled from 'styled-components';
|
|
||||||
import { layoutMixins } from '@/styles/layoutMixins';
|
import { layoutMixins } from '@/styles/layoutMixins';
|
||||||
|
|
||||||
type ElementProps = {
|
type ElementProps = {
|
||||||
@@ -12,7 +13,9 @@ type StyleProps = {
|
|||||||
className?: string;
|
className?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const ToastArea = ({ swipeDirection, children, className }: ElementProps & StyleProps) => (
|
type ToastAreaProps = ElementProps & StyleProps;
|
||||||
|
|
||||||
|
export const ToastArea = ({ swipeDirection, children, className }: ToastAreaProps) => (
|
||||||
<$ToastArea className={className}>
|
<$ToastArea className={className}>
|
||||||
<Provider swipeDirection={swipeDirection}>
|
<Provider swipeDirection={swipeDirection}>
|
||||||
{children}
|
{children}
|
||||||
@@ -24,9 +27,8 @@ export const ToastArea = ({ swipeDirection, children, className }: ElementProps
|
|||||||
const $ToastArea = styled.aside`
|
const $ToastArea = styled.aside`
|
||||||
// Params
|
// Params
|
||||||
--toasts-gap: 0.5rem;
|
--toasts-gap: 0.5rem;
|
||||||
|
|
||||||
// Rules
|
// Rules
|
||||||
${layoutMixins.scrollArea}
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
@@ -34,6 +36,7 @@ const $ToastArea = styled.aside`
|
|||||||
> * {
|
> * {
|
||||||
display: contents;
|
display: contents;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
> ol {
|
> ol {
|
||||||
/* display: block; */
|
/* display: block; */
|
||||||
@@ -43,6 +46,7 @@ const $ToastArea = styled.aside`
|
|||||||
// Desired display order: latest to earliest (¯\_(ツ)_/¯)
|
// Desired display order: latest to earliest (¯\_(ツ)_/¯)
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
|
|||||||
@@ -52,15 +52,19 @@ const Styled: Record<string, AnyStyledComponent> = {};
|
|||||||
Styled.BaseButton = styled(BaseButton)`
|
Styled.BaseButton = styled(BaseButton)`
|
||||||
--button-toggle-off-backgroundColor: var(--color-layer-3);
|
--button-toggle-off-backgroundColor: var(--color-layer-3);
|
||||||
--button-toggle-off-textColor: var(--color-text-0);
|
--button-toggle-off-textColor: var(--color-text-0);
|
||||||
|
--button-toggle-off-border: solid var(--border-width) var(--border-color);
|
||||||
--button-toggle-on-backgroundColor: var(--color-layer-1);
|
--button-toggle-on-backgroundColor: var(--color-layer-1);
|
||||||
--button-toggle-on-textColor: var(--color-text-2);
|
--button-toggle-on-textColor: var(--color-text-2);
|
||||||
|
--button-toggle-on-border: solid var(--border-width) var(--border-color);
|
||||||
|
|
||||||
--button-backgroundColor: var(--button-toggle-off-backgroundColor);
|
--button-backgroundColor: var(--button-toggle-off-backgroundColor);
|
||||||
--button-textColor: var(--button-toggle-off-textColor);
|
--button-textColor: var(--button-toggle-off-textColor);
|
||||||
|
--button-border: var(--button-toggle-off-border);
|
||||||
|
|
||||||
&[data-state='on'],
|
&[data-state='on'],
|
||||||
&[data-state='active'] {
|
&[data-state='active'] {
|
||||||
--button-backgroundColor: var(--button-toggle-on-backgroundColor);
|
--button-backgroundColor: var(--button-toggle-on-backgroundColor);
|
||||||
--button-textColor: var(--button-toggle-on-textColor);
|
--button-textColor: var(--button-toggle-on-textColor);
|
||||||
|
--button-border: var(--button-toggle-on-border);
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -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;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -117,7 +117,7 @@ Styled.ConfirmButton = styled(Styled.IconButton)`
|
|||||||
--button-backgroundColor: hsla(203, 25%, 19%, 1);
|
--button-backgroundColor: hsla(203, 25%, 19%, 1);
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
color: var(--color-positive);
|
color: var(--color-success);
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
@@ -125,7 +125,7 @@ Styled.CancelButton = styled(Styled.IconButton)`
|
|||||||
--button-backgroundColor: hsla(296, 16%, 18%, 1);
|
--button-backgroundColor: hsla(296, 16%, 18%, 1);
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
color: var(--color-negative);
|
color: var(--color-error);
|
||||||
width: 0.8em;
|
width: 0.8em;
|
||||||
height: 0.8em;
|
height: 0.8em;
|
||||||
|
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
@@ -124,6 +124,8 @@ export type SubaccountPosition = Abacus.exchange.dydx.abacus.output.SubaccountPo
|
|||||||
export type SubaccountOrder = Abacus.exchange.dydx.abacus.output.SubaccountOrder;
|
export type SubaccountOrder = Abacus.exchange.dydx.abacus.output.SubaccountOrder;
|
||||||
export type OrderStatus = Abacus.exchange.dydx.abacus.output.input.OrderStatus;
|
export type OrderStatus = Abacus.exchange.dydx.abacus.output.input.OrderStatus;
|
||||||
export const AbacusOrderStatus = Abacus.exchange.dydx.abacus.output.input.OrderStatus;
|
export const AbacusOrderStatus = Abacus.exchange.dydx.abacus.output.input.OrderStatus;
|
||||||
|
const abacusOrderStatuses = [...AbacusOrderStatus.values()] as const;
|
||||||
|
export type AbacusOrderStatuses = (typeof abacusOrderStatuses)[number];
|
||||||
export type SubaccountFills = Abacus.exchange.dydx.abacus.output.SubaccountFill[];
|
export type SubaccountFills = Abacus.exchange.dydx.abacus.output.SubaccountFill[];
|
||||||
export type SubaccountFill = Abacus.exchange.dydx.abacus.output.SubaccountFill;
|
export type SubaccountFill = Abacus.exchange.dydx.abacus.output.SubaccountFill;
|
||||||
export type SubaccountFundingPayment = Abacus.exchange.dydx.abacus.output.SubaccountFundingPayment;
|
export type SubaccountFundingPayment = Abacus.exchange.dydx.abacus.output.SubaccountFundingPayment;
|
||||||
@@ -140,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];
|
||||||
|
|
||||||
@@ -149,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];
|
||||||
|
|
||||||
@@ -160,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];
|
||||||
@@ -209,11 +211,13 @@ type ReadonlyKeysOf<T> = {
|
|||||||
[K in keyof T]: IfEquals<{ [_ in K]: T[K] }, { readonly [_ in K]: T[K] }, K, never>;
|
[K in keyof T]: IfEquals<{ [_ in K]: T[K] }, { readonly [_ in K]: T[K] }, K, never>;
|
||||||
}[keyof T];
|
}[keyof T];
|
||||||
|
|
||||||
type KotlinIrEnumValues<T> = Exclude<ReadonlyKeysOf<T>, 'Companion' | '$serializer'>;
|
export type KotlinIrEnumValues<T> = Exclude<ReadonlyKeysOf<T>, 'Companion' | '$serializer'>;
|
||||||
|
|
||||||
export const ORDER_SIDES: Record<KotlinIrEnumValues<typeof AbacusOrderSide>, OrderSide> = {
|
export const ORDER_SIDES: Record<KotlinIrEnumValues<typeof AbacusOrderSide>, OrderSide> = {
|
||||||
[AbacusOrderSide.buy.name]: OrderSide.BUY,
|
[AbacusOrderSide.buy.name]: OrderSide.BUY,
|
||||||
[AbacusOrderSide.sell.name]: OrderSide.SELL,
|
[AbacusOrderSide.sell.name]: OrderSide.SELL,
|
||||||
|
[AbacusOrderSide.buy.rawValue]: OrderSide.BUY,
|
||||||
|
[AbacusOrderSide.sell.rawValue]: OrderSide.SELL,
|
||||||
};
|
};
|
||||||
|
|
||||||
export const POSITION_SIDES: Record<KotlinIrEnumValues<typeof AbacusPositionSide>, PositionSide> = {
|
export const POSITION_SIDES: Record<KotlinIrEnumValues<typeof AbacusPositionSide>, PositionSide> = {
|
||||||
@@ -234,12 +238,25 @@ export const HISTORICAL_PNL_PERIODS: Record<
|
|||||||
|
|
||||||
export const ORDER_STATUS_STRINGS: Record<KotlinIrEnumValues<typeof AbacusOrderStatus>, string> = {
|
export const ORDER_STATUS_STRINGS: Record<KotlinIrEnumValues<typeof AbacusOrderStatus>, string> = {
|
||||||
[AbacusOrderStatus.open.name]: STRING_KEYS.OPEN_STATUS,
|
[AbacusOrderStatus.open.name]: STRING_KEYS.OPEN_STATUS,
|
||||||
|
[AbacusOrderStatus.open.rawValue]: STRING_KEYS.OPEN_STATUS,
|
||||||
|
|
||||||
[AbacusOrderStatus.partiallyFilled.name]: STRING_KEYS.PARTIALLY_FILLED,
|
[AbacusOrderStatus.partiallyFilled.name]: STRING_KEYS.PARTIALLY_FILLED,
|
||||||
|
[AbacusOrderStatus.partiallyFilled.rawValue]: STRING_KEYS.PARTIALLY_FILLED,
|
||||||
|
|
||||||
[AbacusOrderStatus.filled.name]: STRING_KEYS.ORDER_FILLED,
|
[AbacusOrderStatus.filled.name]: STRING_KEYS.ORDER_FILLED,
|
||||||
|
[AbacusOrderStatus.filled.rawValue]: STRING_KEYS.ORDER_FILLED,
|
||||||
|
|
||||||
[AbacusOrderStatus.cancelled.name]: STRING_KEYS.CANCELED,
|
[AbacusOrderStatus.cancelled.name]: STRING_KEYS.CANCELED,
|
||||||
|
[AbacusOrderStatus.cancelled.rawValue]: STRING_KEYS.CANCELED,
|
||||||
|
|
||||||
[AbacusOrderStatus.canceling.name]: STRING_KEYS.CANCELING,
|
[AbacusOrderStatus.canceling.name]: STRING_KEYS.CANCELING,
|
||||||
|
[AbacusOrderStatus.canceling.rawValue]: STRING_KEYS.CANCELING,
|
||||||
|
|
||||||
[AbacusOrderStatus.pending.name]: STRING_KEYS.PENDING,
|
[AbacusOrderStatus.pending.name]: STRING_KEYS.PENDING,
|
||||||
|
[AbacusOrderStatus.pending.rawValue]: STRING_KEYS.PENDING,
|
||||||
|
|
||||||
[AbacusOrderStatus.untriggered.name]: STRING_KEYS.UNTRIGGERED,
|
[AbacusOrderStatus.untriggered.name]: STRING_KEYS.UNTRIGGERED,
|
||||||
|
[AbacusOrderStatus.untriggered.rawValue]: STRING_KEYS.UNTRIGGERED,
|
||||||
};
|
};
|
||||||
|
|
||||||
export const TRADE_TYPES: Record<
|
export const TRADE_TYPES: Record<
|
||||||
@@ -247,15 +264,40 @@ export const TRADE_TYPES: Record<
|
|||||||
Nullable<TradeTypes>
|
Nullable<TradeTypes>
|
||||||
> = {
|
> = {
|
||||||
[AbacusOrderType.limit.name]: TradeTypes.LIMIT,
|
[AbacusOrderType.limit.name]: TradeTypes.LIMIT,
|
||||||
|
[AbacusOrderType.limit.rawValue]: TradeTypes.LIMIT,
|
||||||
|
|
||||||
[AbacusOrderType.market.name]: TradeTypes.MARKET,
|
[AbacusOrderType.market.name]: TradeTypes.MARKET,
|
||||||
|
[AbacusOrderType.market.rawValue]: TradeTypes.MARKET,
|
||||||
|
|
||||||
[AbacusOrderType.stopLimit.name]: TradeTypes.STOP_LIMIT,
|
[AbacusOrderType.stopLimit.name]: TradeTypes.STOP_LIMIT,
|
||||||
|
[AbacusOrderType.stopLimit.rawValue]: TradeTypes.STOP_LIMIT,
|
||||||
|
|
||||||
[AbacusOrderType.stopMarket.name]: TradeTypes.STOP_MARKET,
|
[AbacusOrderType.stopMarket.name]: TradeTypes.STOP_MARKET,
|
||||||
|
[AbacusOrderType.stopMarket.rawValue]: TradeTypes.STOP_MARKET,
|
||||||
|
|
||||||
[AbacusOrderType.takeProfitLimit.name]: TradeTypes.TAKE_PROFIT,
|
[AbacusOrderType.takeProfitLimit.name]: TradeTypes.TAKE_PROFIT,
|
||||||
|
[AbacusOrderType.takeProfitLimit.rawValue]: TradeTypes.TAKE_PROFIT,
|
||||||
|
|
||||||
[AbacusOrderType.takeProfitMarket.name]: TradeTypes.TAKE_PROFIT_MARKET,
|
[AbacusOrderType.takeProfitMarket.name]: TradeTypes.TAKE_PROFIT_MARKET,
|
||||||
|
[AbacusOrderType.takeProfitMarket.rawValue]: TradeTypes.TAKE_PROFIT_MARKET,
|
||||||
|
|
||||||
[AbacusOrderType.liquidated.name]: null,
|
[AbacusOrderType.liquidated.name]: null,
|
||||||
|
[AbacusOrderType.liquidated.rawValue]: null,
|
||||||
|
|
||||||
[AbacusOrderType.liquidation.name]: null,
|
[AbacusOrderType.liquidation.name]: null,
|
||||||
|
[AbacusOrderType.liquidation.rawValue]: null,
|
||||||
|
|
||||||
[AbacusOrderType.trailingStop.name]: null,
|
[AbacusOrderType.trailingStop.name]: 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
|
||||||
@@ -274,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;
|
||||||
|
};
|
||||||
@@ -2,7 +2,9 @@ export enum DialogTypes {
|
|||||||
ClosePosition = 'ClosePosition',
|
ClosePosition = 'ClosePosition',
|
||||||
Deposit = 'Deposit',
|
Deposit = 'Deposit',
|
||||||
DisconnectWallet = 'DisconnectWallet',
|
DisconnectWallet = 'DisconnectWallet',
|
||||||
|
DisplaySettings = 'DisplaySettings',
|
||||||
ExchangeOffline = 'ExchangeOffline',
|
ExchangeOffline = 'ExchangeOffline',
|
||||||
|
ExternalLink = 'ExternalLink',
|
||||||
FillDetails = 'FillDetails',
|
FillDetails = 'FillDetails',
|
||||||
Help = 'Help',
|
Help = 'Help',
|
||||||
ExternalNavKeplr = 'ExternalNavKeplr',
|
ExternalNavKeplr = 'ExternalNavKeplr',
|
||||||
@@ -10,13 +12,16 @@ export enum DialogTypes {
|
|||||||
MobileSignIn = 'MobileSignIn',
|
MobileSignIn = 'MobileSignIn',
|
||||||
Onboarding = 'Onboarding',
|
Onboarding = 'Onboarding',
|
||||||
OrderDetails = 'OrderDetails',
|
OrderDetails = 'OrderDetails',
|
||||||
|
Preferences = 'Preferences',
|
||||||
RateLimit = 'RateLimit',
|
RateLimit = 'RateLimit',
|
||||||
Receive = 'Receive',
|
|
||||||
RestrictedGeo = 'RestrictedGeo',
|
RestrictedGeo = 'RestrictedGeo',
|
||||||
RestrictedWallet = 'RestrictedWallet',
|
RestrictedWallet = 'RestrictedWallet',
|
||||||
Trade = 'Trade',
|
Trade = 'Trade',
|
||||||
Transfer = 'Transfer',
|
Transfer = 'Transfer',
|
||||||
Withdraw = 'Withdraw',
|
Withdraw = 'Withdraw',
|
||||||
|
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;
|
||||||
|
};
|
||||||
@@ -13,17 +13,23 @@ export enum LocalStorageKey {
|
|||||||
PushNotificationsEnabled = 'dydx.PushNotificationsEnabled',
|
PushNotificationsEnabled = 'dydx.PushNotificationsEnabled',
|
||||||
PushNotificationsLastUpdated = 'dydx.PushNotificationsLastUpdated',
|
PushNotificationsLastUpdated = 'dydx.PushNotificationsLastUpdated',
|
||||||
TransferNotifications = 'dydx.TransferNotifications',
|
TransferNotifications = 'dydx.TransferNotifications',
|
||||||
|
NotificationPreferences = 'dydx.NotificationPreferences',
|
||||||
|
|
||||||
// UI State
|
// UI State
|
||||||
LastViewedMarket = 'dydx.LastViewedMarket',
|
LastViewedMarket = 'dydx.LastViewedMarket',
|
||||||
SelectedLocale = 'dydx.SelectedLocale',
|
SelectedLocale = 'dydx.SelectedLocale',
|
||||||
SelectedNetwork = 'dydx.SelectedNetwork',
|
SelectedNetwork = 'dydx.SelectedNetwork',
|
||||||
SelectedTheme = 'dydx.SelectedTheme',
|
SelectedTheme = 'dydx.SelectedTheme',
|
||||||
|
SelectedColorMode = 'dydx.SelectedColorMode',
|
||||||
SelectedTradeLayout = 'dydx.SelectedTradeLayout',
|
SelectedTradeLayout = 'dydx.SelectedTradeLayout',
|
||||||
TradingViewChartConfig = 'dydx.TradingViewChartConfig',
|
TradingViewChartConfig = 'dydx.TradingViewChartConfig',
|
||||||
|
HasSeenLaunchIncentives = 'dydx.HasSeenLaunchIncentives',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const LOCAL_STORAGE_VERSIONS = {
|
export const LOCAL_STORAGE_VERSIONS = {
|
||||||
[LocalStorageKey.EvmDerivedAddresses]: 'v2',
|
[LocalStorageKey.EvmDerivedAddresses]: 'v2',
|
||||||
|
[LocalStorageKey.NotificationPreferences]: 'v1',
|
||||||
|
[LocalStorageKey.TransferNotifications]: 'v1',
|
||||||
|
[LocalStorageKey.Notifications]: 'v1',
|
||||||
// TODO: version all localStorage keys
|
// TODO: version all localStorage keys
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -6,6 +6,8 @@ import {
|
|||||||
LOCALE_DATA,
|
LOCALE_DATA,
|
||||||
TOOLTIPS,
|
TOOLTIPS,
|
||||||
WARNINGS_STRING_KEYS,
|
WARNINGS_STRING_KEYS,
|
||||||
|
NOTIFICATIONS_STRING_KEYS,
|
||||||
|
NOTIFICATIONS,
|
||||||
} from '@dydxprotocol/v4-localization';
|
} from '@dydxprotocol/v4-localization';
|
||||||
|
|
||||||
import { type LinksConfigs } from '@/hooks/useURLConfigs';
|
import { type LinksConfigs } from '@/hooks/useURLConfigs';
|
||||||
@@ -27,6 +29,7 @@ export enum SupportedLocales {
|
|||||||
|
|
||||||
export const EN_LOCALE_DATA = {
|
export const EN_LOCALE_DATA = {
|
||||||
...LOCALE_DATA[SupportedLocales.EN],
|
...LOCALE_DATA[SupportedLocales.EN],
|
||||||
|
...NOTIFICATIONS[SupportedLocales.EN],
|
||||||
TOOLTIPS: TOOLTIPS[SupportedLocales.EN],
|
TOOLTIPS: TOOLTIPS[SupportedLocales.EN],
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -34,8 +37,13 @@ export const STRING_KEYS = {
|
|||||||
...APP_STRING_KEYS,
|
...APP_STRING_KEYS,
|
||||||
...ERRORS_STRING_KEYS,
|
...ERRORS_STRING_KEYS,
|
||||||
...WARNINGS_STRING_KEYS,
|
...WARNINGS_STRING_KEYS,
|
||||||
|
...NOTIFICATIONS_STRING_KEYS,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const STRING_KEY_VALUES = Object.fromEntries(
|
||||||
|
Object.values(STRING_KEYS).map((key) => [key, key])
|
||||||
|
);
|
||||||
|
|
||||||
export type StringKey = keyof typeof STRING_KEYS;
|
export type StringKey = keyof typeof STRING_KEYS;
|
||||||
|
|
||||||
export type LocaleData = typeof EN_LOCALE_DATA;
|
export type LocaleData = typeof EN_LOCALE_DATA;
|
||||||
|
|||||||
@@ -25,4 +25,5 @@ export const DEFAULT_MARKETID = 'ETH-USD';
|
|||||||
export enum FundingDirection {
|
export enum FundingDirection {
|
||||||
ToShort = 'ToShort',
|
ToShort = 'ToShort',
|
||||||
ToLong = 'ToLong',
|
ToLong = 'ToLong',
|
||||||
|
None = 'None',
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -26,6 +26,7 @@ export type MenuItem<MenuItemValue, MenuItemTypes = string> = {
|
|||||||
tag?: React.ReactNode;
|
tag?: React.ReactNode;
|
||||||
slotAfter?: React.ReactNode;
|
slotAfter?: React.ReactNode;
|
||||||
description?: string;
|
description?: string;
|
||||||
|
slotCustomContent?: React.ReactNode;
|
||||||
|
|
||||||
href?: string;
|
href?: string;
|
||||||
onSelect?: (key: MenuItemValue) => void;
|
onSelect?: (key: MenuItemValue) => void;
|
||||||
|
|||||||
@@ -1,12 +1,18 @@
|
|||||||
import environments from '../../public/configs/env.json';
|
import environments from '../../public/configs/env.json';
|
||||||
|
|
||||||
// TODO: Update for Mainnet deployment
|
const CURRENT_MODE = ({
|
||||||
export const AVAILABLE_ENVIRONMENTS =
|
production: 'MAINNET',
|
||||||
import.meta.env.MODE === 'production'
|
testnet: 'TESTNET',
|
||||||
? environments.deployments.TESTNET
|
staging: 'DEV',
|
||||||
: environments.deployments.DEV;
|
development: 'DEV',
|
||||||
|
}[import.meta.env.MODE] ?? 'MAINNET') as 'MAINNET' | 'TESTNET' | 'DEV';
|
||||||
|
|
||||||
export const CURRENT_ABACUS_DEPLOYMENT = import.meta.env.MODE === 'production' ? 'TESTNET' : 'DEV';
|
export const isMainnet = CURRENT_MODE === 'MAINNET';
|
||||||
|
export const isTestnet = CURRENT_MODE === 'TESTNET';
|
||||||
|
export const isDev = CURRENT_MODE === 'DEV';
|
||||||
|
|
||||||
|
export const AVAILABLE_ENVIRONMENTS = environments.deployments[CURRENT_MODE];
|
||||||
|
export const CURRENT_ABACUS_DEPLOYMENT = CURRENT_MODE;
|
||||||
export const ENVIRONMENT_CONFIG_MAP = environments.environments;
|
export const ENVIRONMENT_CONFIG_MAP = environments.environments;
|
||||||
export type DydxNetwork = keyof typeof ENVIRONMENT_CONFIG_MAP;
|
export type DydxNetwork = keyof typeof ENVIRONMENT_CONFIG_MAP;
|
||||||
export const DEFAULT_APP_ENVIRONMENT = AVAILABLE_ENVIRONMENTS.default as DydxNetwork;
|
export const DEFAULT_APP_ENVIRONMENT = AVAILABLE_ENVIRONMENTS.default as DydxNetwork;
|
||||||
|
|||||||
@@ -2,8 +2,9 @@ import { StatusResponse } from '@0xsquid/sdk';
|
|||||||
|
|
||||||
/** implemented in useNotificationTypes */
|
/** implemented in useNotificationTypes */
|
||||||
export enum NotificationType {
|
export enum NotificationType {
|
||||||
OrderStatusChanged = 'OrderStatusChanged',
|
AbacusGenerated = 'AbacusGenerated',
|
||||||
SquidTransfer = 'SquidTransfer',
|
SquidTransfer = 'SquidTransfer',
|
||||||
|
ReleaseUpdates = 'ReleaseUpdates',
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum NotificationComponentType {}
|
export enum NotificationComponentType {}
|
||||||
@@ -59,7 +60,7 @@ export enum NotificationStatus {
|
|||||||
/** Toast or NotificationsMenu item interacted with or dismissed. "Seen" in NotificationsMenu. */
|
/** Toast or NotificationsMenu item interacted with or dismissed. "Seen" in NotificationsMenu. */
|
||||||
Seen,
|
Seen,
|
||||||
|
|
||||||
/** Notification marked for deletion. "Archived" in NotificationsMenu. */
|
/** Notification marked for deletion. Hidden in NotificationsMenu. */
|
||||||
Cleared,
|
Cleared,
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -80,14 +81,22 @@ export type Notifications = Record<NotificationId, Notification<any>>;
|
|||||||
/** Notification display data derived from app state at runtime. */
|
/** Notification display data derived from app state at runtime. */
|
||||||
export type NotificationDisplayData = {
|
export type NotificationDisplayData = {
|
||||||
icon?: React.ReactNode;
|
icon?: React.ReactNode;
|
||||||
|
title: string; // Title for Toast, Notification, and Push Notification
|
||||||
|
body?: string; // Description body for Toast, Notification, and Push Notification
|
||||||
|
|
||||||
title?: string;
|
slotTitleLeft?: React.ReactNode;
|
||||||
|
slotTitleRight?: React.ReactNode;
|
||||||
|
|
||||||
description?: React.ReactNode;
|
groupKey: string; // Grouping key toast notification stacking
|
||||||
|
|
||||||
customContent?: React.ReactNode;
|
// Overrides title/body for Notification in NotificationMenu
|
||||||
|
renderCustomBody?: ({
|
||||||
customMenuContent?: React.ReactNode;
|
isToast,
|
||||||
|
notification,
|
||||||
|
}: {
|
||||||
|
isToast?: boolean;
|
||||||
|
notification: Notification;
|
||||||
|
}) => React.ReactNode; // Custom Notification
|
||||||
|
|
||||||
actionDescription?: string;
|
actionDescription?: string;
|
||||||
|
|
||||||
@@ -115,12 +124,29 @@ 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;
|
||||||
triggeredAt?: number;
|
triggeredAt?: number;
|
||||||
|
isCctp?: boolean;
|
||||||
|
errorCount?: number;
|
||||||
status?: StatusResponse;
|
status?: StatusResponse;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Struct to store whether a NotificationType should be triggered
|
||||||
|
*/
|
||||||
|
export type NotificationPreferences = {
|
||||||
|
[key in NotificationType]: boolean;
|
||||||
|
} & { version: string };
|
||||||
|
|
||||||
|
export const DEFAULT_TOAST_AUTO_CLOSE_MS = 5000;
|
||||||
|
|||||||
@@ -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,76 @@
|
|||||||
|
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',
|
||||||
|
}
|
||||||
|
|
||||||
|
export enum BrightnessFilterToken {
|
||||||
|
Darken10 = '0.9',
|
||||||
|
Darken5 = '0.95',
|
||||||
|
Lighten10 = '1.1',
|
||||||
|
}
|
||||||
@@ -0,0 +1,98 @@
|
|||||||
|
import { AppColorMode } from '@/state/configs';
|
||||||
|
|
||||||
|
export type Theme = {
|
||||||
|
[AppColorMode.GreenUp]: ThemeColorBase;
|
||||||
|
[AppColorMode.RedUp]: ThemeColorBase;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type ThemeColorBase = LayerColors &
|
||||||
|
BorderColors &
|
||||||
|
TextColors &
|
||||||
|
GradientColors &
|
||||||
|
AccentColors &
|
||||||
|
StatusColors &
|
||||||
|
DirectionalColors &
|
||||||
|
RiskColors &
|
||||||
|
IconColors &
|
||||||
|
ComponentColors &
|
||||||
|
Filters;
|
||||||
|
|
||||||
|
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;
|
||||||
|
|
||||||
|
textButton: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type GradientColors = {
|
||||||
|
gradientBase0: string;
|
||||||
|
gradientBase1: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type AccentColors = {
|
||||||
|
accent: string;
|
||||||
|
accentFaded: string;
|
||||||
|
favorite: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type StatusColors = {
|
||||||
|
success: string;
|
||||||
|
warning: string;
|
||||||
|
error: string;
|
||||||
|
successFaded: string;
|
||||||
|
warningFaded: string;
|
||||||
|
errorFaded: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** ##InvertDirectionalColors
|
||||||
|
* When adding colors here, make sure to update linked function to invert colors for AppColorMode. */
|
||||||
|
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;
|
||||||
|
};
|
||||||
|
|
||||||
|
type Filters = {
|
||||||
|
hoverFilterBase: string;
|
||||||
|
hoverFilterVariant: string;
|
||||||
|
activeFilter: 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 }),
|
||||||
|
|||||||
@@ -116,3 +116,15 @@ export enum MobilePlaceOrderSteps {
|
|||||||
PlacingOrder = 'PlacingOrder',
|
PlacingOrder = 'PlacingOrder',
|
||||||
Confirmation = 'Confirmation',
|
Confirmation = 'Confirmation',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const CLEARED_TRADE_INPUTS = {
|
||||||
|
limitPriceInput: '',
|
||||||
|
triggerPriceInput: '',
|
||||||
|
trailingPercentInput: '',
|
||||||
|
};
|
||||||
|
|
||||||
|
export const CLEARED_SIZE_INPUTS = {
|
||||||
|
amountInput: '',
|
||||||
|
usdAmountInput: '',
|
||||||
|
leverageInput: '',
|
||||||
|
};
|
||||||
|
|||||||