@rango-dev/ui 0.37.1-next.4 → 0.38.1-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/translations/de.d.ts.map +1 -1
- package/dist/translations/el.d.ts.map +1 -1
- package/dist/translations/en.d.ts.map +1 -1
- package/dist/translations/es.d.ts.map +1 -1
- package/dist/translations/fi.d.ts.map +1 -1
- package/dist/translations/fr.d.ts.map +1 -1
- package/dist/translations/it.d.ts.map +1 -1
- package/dist/translations/ja.d.ts.map +1 -1
- package/dist/translations/nl.d.ts.map +1 -1
- package/dist/translations/pl.d.ts.map +1 -1
- package/dist/translations/pt.d.ts.map +1 -1
- package/dist/translations/ru.d.ts.map +1 -1
- package/dist/translations/sv.d.ts.map +1 -1
- package/dist/translations/uk.d.ts.map +1 -1
- package/dist/translations/zh.d.ts.map +1 -1
- package/dist/ui.build.json +1 -1
- package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Button/Button.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts +2 -1
- package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts +37 -0
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Header/Header.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Header/Header.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/List/List.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/List/List.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/NotFound/NotFound.d.ts.map +1 -1
- package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts +4 -3
- package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/NotFound/NotFound.types.d.ts +3 -1
- package/dist/widget/ui/src/components/NotFound/NotFound.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts +4 -0
- package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Select/Select.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Spinner/Spinner.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/Spinner/Spinner.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts +1 -0
- package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts +9 -0
- package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts +2 -0
- package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tabs/Tabs.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Toast/Toast.styles.d.ts +6 -0
- package/dist/widget/ui/src/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts +3 -0
- package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Typography/NotSelectableTypography.d.ts +1 -0
- package/dist/widget/ui/src/components/Typography/NotSelectableTypography.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts +1 -0
- package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts +5 -0
- package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/common/Image.d.ts +1 -0
- package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
- package/dist/widget/ui/src/components/common/styles.d.ts +1 -0
- package/dist/widget/ui/src/components/common/styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.styles.d.ts +1 -0
- package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/Notifications/Notifications.styles.d.ts +8 -0
- package/dist/widget/ui/src/containers/Notifications/Notifications.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +11 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts +5 -0
- package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/icons/CustomTokensZeroState.d.ts +5 -0
- package/dist/widget/ui/src/icons/CustomTokensZeroState.d.ts.map +1 -0
- package/dist/widget/ui/src/icons/CustomTokensZeroStateDark.d.ts +5 -0
- package/dist/widget/ui/src/icons/CustomTokensZeroStateDark.d.ts.map +1 -0
- package/dist/widget/ui/src/icons/Target.d.ts +5 -0
- package/dist/widget/ui/src/icons/Target.d.ts.map +1 -0
- package/dist/widget/ui/src/icons/index.d.ts +3 -0
- package/dist/widget/ui/src/icons/index.d.ts.map +1 -1
- package/dist/widget/ui/src/theme.d.ts +10 -0
- package/dist/widget/ui/src/theme.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/Button/Button.styles.tsx +4 -2
- package/src/components/Divider/Divider.styles.ts +15 -0
- package/src/components/NotFound/NotFound.styles.ts +7 -1
- package/src/components/NotFound/NotFound.tsx +6 -3
- package/src/components/NotFound/NotFound.types.ts +4 -1
- package/src/components/TextField/TextField.styles.ts +3 -0
- package/src/containers/SwapInput/SwapInput.tsx +19 -19
- package/src/icons/CustomTokensZeroState.tsx +262 -0
- package/src/icons/CustomTokensZeroStateDark.tsx +415 -0
- package/src/icons/Target.tsx +24 -0
- package/src/icons/index.ts +3 -0
- package/src/theme.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -71,6 +71,7 @@ export declare const theme: {
|
|
|
71
71
|
24: string;
|
|
72
72
|
28: string;
|
|
73
73
|
32: string;
|
|
74
|
+
36: string;
|
|
74
75
|
};
|
|
75
76
|
radii: {
|
|
76
77
|
xs: string;
|
|
@@ -248,6 +249,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
248
249
|
24: string;
|
|
249
250
|
28: string;
|
|
250
251
|
32: string;
|
|
252
|
+
36: string;
|
|
251
253
|
};
|
|
252
254
|
radii: {
|
|
253
255
|
xs: string;
|
|
@@ -418,6 +420,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
418
420
|
24: string;
|
|
419
421
|
28: string;
|
|
420
422
|
32: string;
|
|
423
|
+
36: string;
|
|
421
424
|
};
|
|
422
425
|
radii: {
|
|
423
426
|
xs: string;
|
|
@@ -574,6 +577,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
574
577
|
24: string;
|
|
575
578
|
28: string;
|
|
576
579
|
32: string;
|
|
580
|
+
36: string;
|
|
577
581
|
};
|
|
578
582
|
radii: {
|
|
579
583
|
xs: string;
|
|
@@ -739,6 +743,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
739
743
|
24?: string | number | boolean | undefined;
|
|
740
744
|
28?: string | number | boolean | undefined;
|
|
741
745
|
32?: string | number | boolean | undefined;
|
|
746
|
+
36?: string | number | boolean | undefined;
|
|
742
747
|
} | undefined;
|
|
743
748
|
radii?: {
|
|
744
749
|
xs?: string | number | boolean | undefined;
|
|
@@ -892,6 +897,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
892
897
|
24?: string | number | boolean | undefined;
|
|
893
898
|
28?: string | number | boolean | undefined;
|
|
894
899
|
32?: string | number | boolean | undefined;
|
|
900
|
+
36?: string | number | boolean | undefined;
|
|
895
901
|
} | undefined;
|
|
896
902
|
radii?: {
|
|
897
903
|
xs?: string | number | boolean | undefined;
|
|
@@ -1054,6 +1060,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1054
1060
|
24: string;
|
|
1055
1061
|
28: string;
|
|
1056
1062
|
32: string;
|
|
1063
|
+
36: string;
|
|
1057
1064
|
};
|
|
1058
1065
|
radii: {
|
|
1059
1066
|
xs: string;
|
|
@@ -1218,6 +1225,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1218
1225
|
24: string;
|
|
1219
1226
|
28: string;
|
|
1220
1227
|
32: string;
|
|
1228
|
+
36: string;
|
|
1221
1229
|
};
|
|
1222
1230
|
radii: {
|
|
1223
1231
|
xs: string;
|
|
@@ -1373,6 +1381,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1373
1381
|
24: string;
|
|
1374
1382
|
28: string;
|
|
1375
1383
|
32: string;
|
|
1384
|
+
36: string;
|
|
1376
1385
|
};
|
|
1377
1386
|
radii: {
|
|
1378
1387
|
xs: string;
|
|
@@ -1530,6 +1539,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
|
|
|
1530
1539
|
24: string;
|
|
1531
1540
|
28: string;
|
|
1532
1541
|
32: string;
|
|
1542
|
+
36: string;
|
|
1533
1543
|
};
|
|
1534
1544
|
radii: {
|
|
1535
1545
|
xs: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAGV,GAAG,IAAI,WAAW,EACnB,MAAM,iBAAiB,CAAC;AAMzB,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -57,11 +57,12 @@ export const ButtonBase = styled('button', {
|
|
|
57
57
|
outline: 0,
|
|
58
58
|
},
|
|
59
59
|
'&:disabled': {
|
|
60
|
+
backgroundColor: '$neutral600',
|
|
60
61
|
$$color: '$colors$background',
|
|
61
62
|
[`.${darkTheme} &`]: {
|
|
62
63
|
$$color: '$colors$foreground',
|
|
64
|
+
backgroundColor: '$neutral700',
|
|
63
65
|
},
|
|
64
|
-
backgroundColor: '$neutral600',
|
|
65
66
|
color: '$$color',
|
|
66
67
|
pointerEvents: 'none',
|
|
67
68
|
},
|
|
@@ -137,10 +138,11 @@ export const ButtonBase = styled('button', {
|
|
|
137
138
|
},
|
|
138
139
|
'&:disabled': {
|
|
139
140
|
$$color: '$colors$background',
|
|
141
|
+
background: '$neutral600',
|
|
140
142
|
[`.${darkTheme} &`]: {
|
|
141
143
|
$$color: '$colors$foreground',
|
|
144
|
+
backgroundColor: '$neutral700',
|
|
142
145
|
},
|
|
143
|
-
background: '$neutral600',
|
|
144
146
|
color: '$$color',
|
|
145
147
|
pointerEvents: 'none',
|
|
146
148
|
},
|
|
@@ -15,6 +15,7 @@ export const DividerContainer = styled('div', {
|
|
|
15
15
|
24: {},
|
|
16
16
|
30: {},
|
|
17
17
|
32: {},
|
|
18
|
+
36: {},
|
|
18
19
|
40: {},
|
|
19
20
|
},
|
|
20
21
|
direction: {
|
|
@@ -170,6 +171,20 @@ export const DividerContainer = styled('div', {
|
|
|
170
171
|
width: '$32',
|
|
171
172
|
},
|
|
172
173
|
},
|
|
174
|
+
{
|
|
175
|
+
size: 36,
|
|
176
|
+
direction: 'vertical',
|
|
177
|
+
css: {
|
|
178
|
+
height: '$36',
|
|
179
|
+
},
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
size: 36,
|
|
183
|
+
direction: 'horizontal',
|
|
184
|
+
css: {
|
|
185
|
+
width: '$36',
|
|
186
|
+
},
|
|
187
|
+
},
|
|
173
188
|
{
|
|
174
189
|
size: 32,
|
|
175
190
|
direction: 'vertical',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { styled } from '../../theme
|
|
1
|
+
import { darkTheme, styled } from '../../theme';
|
|
2
2
|
|
|
3
3
|
export const Container = styled('div', {
|
|
4
4
|
display: 'flex',
|
|
@@ -6,4 +6,10 @@ export const Container = styled('div', {
|
|
|
6
6
|
alignItems: 'center',
|
|
7
7
|
flexDirection: 'column',
|
|
8
8
|
textAlign: 'center',
|
|
9
|
+
'& .not-found-description': {
|
|
10
|
+
color: '$neutral700',
|
|
11
|
+
[`.${darkTheme} &`]: {
|
|
12
|
+
color: '$neutral900',
|
|
13
|
+
},
|
|
14
|
+
},
|
|
9
15
|
});
|
|
@@ -9,16 +9,19 @@ import { Typography } from '../Typography/index.js';
|
|
|
9
9
|
import { Container } from './NotFound.styles.js';
|
|
10
10
|
|
|
11
11
|
export function NotFound(props: NotFoundPropTypes) {
|
|
12
|
-
const { hasIcon = true
|
|
12
|
+
const { icon, titleColor, hasIcon = true } = props;
|
|
13
13
|
return (
|
|
14
14
|
<Container>
|
|
15
|
-
{hasIcon && <SearchIcon color="secondary" size={26} />}
|
|
15
|
+
{hasIcon && (icon || <SearchIcon color="secondary" size={26} />)}
|
|
16
16
|
<Divider size={4} />
|
|
17
17
|
<Typography variant="title" size="medium" color={titleColor}>
|
|
18
18
|
{props.title}
|
|
19
19
|
</Typography>
|
|
20
20
|
<Divider size={10} />
|
|
21
|
-
<Typography
|
|
21
|
+
<Typography
|
|
22
|
+
className="not-found-description"
|
|
23
|
+
variant="body"
|
|
24
|
+
size="medium">
|
|
22
25
|
{props.description}
|
|
23
26
|
</Typography>
|
|
24
27
|
</Container>
|
|
@@ -37,6 +37,15 @@ export function SwapInput(props: SwapInputPropTypes) {
|
|
|
37
37
|
|
|
38
38
|
const showBalanceSkeleton =
|
|
39
39
|
'balance' in props && (props.loading || props.loadingBalance);
|
|
40
|
+
const price = props.price;
|
|
41
|
+
|
|
42
|
+
const isUsdValueZeroOrFalsy =
|
|
43
|
+
!props.price.usdValue || props.price.usdValue === '0';
|
|
44
|
+
|
|
45
|
+
const displayUsdValue =
|
|
46
|
+
props.price.error ||
|
|
47
|
+
(isUsdValueZeroOrFalsy ? '0.00' : `~$${props.price.usdValue}`);
|
|
48
|
+
|
|
40
49
|
return (
|
|
41
50
|
<Container
|
|
42
51
|
id={
|
|
@@ -99,17 +108,17 @@ export function SwapInput(props: SwapInputPropTypes) {
|
|
|
99
108
|
<>
|
|
100
109
|
<NumericTooltip
|
|
101
110
|
align="end"
|
|
102
|
-
content={
|
|
111
|
+
content={price.realValue}
|
|
103
112
|
container={props.tooltipContainer}
|
|
104
113
|
open={
|
|
105
|
-
!
|
|
114
|
+
!price.realValue || price.realValue === '0'
|
|
106
115
|
? false
|
|
107
116
|
: undefined
|
|
108
117
|
}>
|
|
109
118
|
<InputAmount
|
|
110
119
|
disabled={props.disabled || props.mode === 'To'}
|
|
111
120
|
style={{ padding: 0 }}
|
|
112
|
-
value={
|
|
121
|
+
value={price.value}
|
|
113
122
|
type={'onInputChange' in props ? 'number' : 'text'}
|
|
114
123
|
step="any"
|
|
115
124
|
size="large"
|
|
@@ -129,30 +138,21 @@ export function SwapInput(props: SwapInputPropTypes) {
|
|
|
129
138
|
container: props.tooltipContainer,
|
|
130
139
|
side: 'bottom',
|
|
131
140
|
}}
|
|
132
|
-
outputUsdValue={
|
|
133
|
-
realOutputUsdValue={
|
|
134
|
-
error={
|
|
141
|
+
outputUsdValue={price.usdValue}
|
|
142
|
+
realOutputUsdValue={price.realUsdValue}
|
|
143
|
+
error={price.error}
|
|
135
144
|
percentageChange={props.percentageChange}
|
|
136
145
|
warningLevel={props.warningLevel}
|
|
137
146
|
/>
|
|
138
147
|
) : (
|
|
139
148
|
<NumericTooltip
|
|
140
|
-
content={
|
|
149
|
+
content={price.realUsdValue}
|
|
141
150
|
container={props.tooltipContainer}
|
|
142
|
-
open={
|
|
143
|
-
!props.price.realUsdValue ||
|
|
144
|
-
props.price.realUsdValue === '0'
|
|
145
|
-
? false
|
|
146
|
-
: undefined
|
|
147
|
-
}
|
|
151
|
+
open={isUsdValueZeroOrFalsy ? false : undefined}
|
|
148
152
|
side="bottom">
|
|
149
|
-
<ValueTypography hasWarning={!!
|
|
153
|
+
<ValueTypography hasWarning={!!price.error}>
|
|
150
154
|
<UsdPrice variant="body" size="medium">
|
|
151
|
-
{
|
|
152
|
-
? props.price.usdValue === '0'
|
|
153
|
-
? '0.00'
|
|
154
|
-
: `~$${props.price.usdValue}`
|
|
155
|
-
: props.price.error}
|
|
155
|
+
{displayUsdValue}
|
|
156
156
|
</UsdPrice>
|
|
157
157
|
</ValueTypography>
|
|
158
158
|
</NumericTooltip>
|
|
@@ -0,0 +1,262 @@
|
|
|
1
|
+
import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
|
|
2
|
+
|
|
3
|
+
import React, { createElement } from 'react';
|
|
4
|
+
|
|
5
|
+
import { SvgIcon } from '../components/SvgIcon';
|
|
6
|
+
|
|
7
|
+
function SvgCustomTokensZeroState(props: SvgIconPropsWithChildren) {
|
|
8
|
+
return createElement(
|
|
9
|
+
SvgIcon,
|
|
10
|
+
props,
|
|
11
|
+
<svg viewBox="0 0 200 173" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path
|
|
13
|
+
fill="#F3F8FC"
|
|
14
|
+
d="M44.167 61.576C5.142 56.15 5.23 102.127 11.919 116.708c12.94 28.225 62.797 48.735 69.176 24.965 9.46-35.247 62.915-2.897 85.22-4.754 22.304-1.858 24.25-31.86 6.499-46.34-17.752-14.48-5.966-32.553-8.561-48.994-2.595-16.44-24.489-29.104-48.396-14.093-22.582 14.178-17.514 41.617-71.69 34.084Z"
|
|
15
|
+
/>
|
|
16
|
+
<g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.877}>
|
|
17
|
+
<path d="M36.509 80.67c-2.554-2.055-5.828-1.903-10.124-.734M41.066 73.016c-2.62-3.294-3.184-5.288-3.688-9.6M37.608 75.705c-3.2-2.95-7.364-5.582-11.294-7.717" />
|
|
18
|
+
</g>
|
|
19
|
+
<path
|
|
20
|
+
stroke="#002D5E"
|
|
21
|
+
strokeDasharray="3.51 2.63"
|
|
22
|
+
strokeWidth={0.877}
|
|
23
|
+
d="M141.301 100.922c.348-3.058.581-6.172 1.492-9.117.782-2.524 2.02-4.717 3.768-6.66 1.456-1.62 3.195-3.075 5.223-3.867 1.97-.77 4.154-1.006 6.255-1.001 2.518.006 5.171.328 7.493 1.421 1.803.849 3.288 2.637 4.303 4.351 1.759 2.97 1.247 6.634-.92 9.22-.764.91-1.753 1.771-2.862 2.203-1.564.609-3.035.013-4.129-1.244-2.476-2.843-1.619-7.39-.322-10.552 1.524-3.715 4.277-6.931 7.534-9.149 2.361-1.607 5.028-2.739 7.68-3.736 2.619-.984 5.281-1.656 7.97-2.393"
|
|
24
|
+
/>
|
|
25
|
+
<circle cx={186.116} cy={70.399} r={2.746} fill="#002D5E" />
|
|
26
|
+
<g stroke="#fff" strokeWidth={0.407} filter="url(#a)">
|
|
27
|
+
<rect
|
|
28
|
+
width={99.809}
|
|
29
|
+
height={28.4}
|
|
30
|
+
x={46.977}
|
|
31
|
+
y={112.419}
|
|
32
|
+
fill="#D6E8F9"
|
|
33
|
+
fillOpacity={0.5}
|
|
34
|
+
rx={4.404}
|
|
35
|
+
/>
|
|
36
|
+
<rect
|
|
37
|
+
width={70.596}
|
|
38
|
+
height={4.056}
|
|
39
|
+
x={70.917}
|
|
40
|
+
y={120.126}
|
|
41
|
+
fill="#F5FAFF"
|
|
42
|
+
rx={2.028}
|
|
43
|
+
/>
|
|
44
|
+
<rect
|
|
45
|
+
width={70.596}
|
|
46
|
+
height={4.056}
|
|
47
|
+
x={70.917}
|
|
48
|
+
y={129.868}
|
|
49
|
+
fill="#F5FAFF"
|
|
50
|
+
rx={2.028}
|
|
51
|
+
/>
|
|
52
|
+
<path
|
|
53
|
+
fill="#F5FAFF"
|
|
54
|
+
d="M67.263 126.82a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
|
|
55
|
+
/>
|
|
56
|
+
</g>
|
|
57
|
+
<g stroke="#fff" strokeWidth={0.407} filter="url(#b)">
|
|
58
|
+
<rect
|
|
59
|
+
width={99.809}
|
|
60
|
+
height={28.4}
|
|
61
|
+
x={46.978}
|
|
62
|
+
y={44.592}
|
|
63
|
+
fill="#D6E8F9"
|
|
64
|
+
fillOpacity={0.5}
|
|
65
|
+
rx={4.404}
|
|
66
|
+
/>
|
|
67
|
+
<rect
|
|
68
|
+
width={70.596}
|
|
69
|
+
height={4.056}
|
|
70
|
+
x={70.917}
|
|
71
|
+
y={52.3}
|
|
72
|
+
fill="#F5FAFF"
|
|
73
|
+
rx={2.028}
|
|
74
|
+
/>
|
|
75
|
+
<rect
|
|
76
|
+
width={70.596}
|
|
77
|
+
height={4.056}
|
|
78
|
+
x={70.917}
|
|
79
|
+
y={62.041}
|
|
80
|
+
fill="#F5FAFF"
|
|
81
|
+
rx={2.028}
|
|
82
|
+
/>
|
|
83
|
+
<path
|
|
84
|
+
fill="#F5FAFF"
|
|
85
|
+
d="M67.263 59a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
|
|
86
|
+
/>
|
|
87
|
+
</g>
|
|
88
|
+
<g filter="url(#c)">
|
|
89
|
+
<rect
|
|
90
|
+
width={108.517}
|
|
91
|
+
height={31.193}
|
|
92
|
+
x={38.475}
|
|
93
|
+
y={76.075}
|
|
94
|
+
fill="#fff"
|
|
95
|
+
rx={4.99}
|
|
96
|
+
/>
|
|
97
|
+
</g>
|
|
98
|
+
<rect
|
|
99
|
+
width={75.27}
|
|
100
|
+
height={4.731}
|
|
101
|
+
x={66.133}
|
|
102
|
+
y={84.572}
|
|
103
|
+
fill="#E6F2FF"
|
|
104
|
+
rx={2.366}
|
|
105
|
+
/>
|
|
106
|
+
<rect
|
|
107
|
+
width={75.27}
|
|
108
|
+
height={4.731}
|
|
109
|
+
x={66.133}
|
|
110
|
+
y={94.894}
|
|
111
|
+
fill="#E6F2FF"
|
|
112
|
+
rx={2.366}
|
|
113
|
+
/>
|
|
114
|
+
<g filter="url(#d)">
|
|
115
|
+
<circle
|
|
116
|
+
cx={52.386}
|
|
117
|
+
cy={91.607}
|
|
118
|
+
r={9.749}
|
|
119
|
+
stroke="#002D5E"
|
|
120
|
+
strokeDasharray="1.78 1.34"
|
|
121
|
+
strokeWidth={0.446}
|
|
122
|
+
/>
|
|
123
|
+
</g>
|
|
124
|
+
<g filter="url(#e)">
|
|
125
|
+
<circle cx={54.492} cy={91.848} r={9.99} fill="#E5F2FF" />
|
|
126
|
+
<circle
|
|
127
|
+
cx={54.492}
|
|
128
|
+
cy={91.848}
|
|
129
|
+
r={9.896}
|
|
130
|
+
stroke="#fff"
|
|
131
|
+
strokeWidth={0.188}
|
|
132
|
+
/>
|
|
133
|
+
</g>
|
|
134
|
+
<g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.754}>
|
|
135
|
+
<path d="m53.224 90.58 2.534 2.534M53.224 93.114l2.534-2.534" />
|
|
136
|
+
</g>
|
|
137
|
+
<circle
|
|
138
|
+
cx={54.491}
|
|
139
|
+
cy={91.847}
|
|
140
|
+
r={4.15}
|
|
141
|
+
stroke="#002D5E"
|
|
142
|
+
strokeWidth={0.754}
|
|
143
|
+
/>
|
|
144
|
+
<defs>
|
|
145
|
+
<filter
|
|
146
|
+
id="a"
|
|
147
|
+
width={100.984}
|
|
148
|
+
height={29.575}
|
|
149
|
+
x={46.39}
|
|
150
|
+
y={111.831}
|
|
151
|
+
colorInterpolationFilters="sRGB"
|
|
152
|
+
filterUnits="userSpaceOnUse">
|
|
153
|
+
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
154
|
+
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
|
|
155
|
+
<feGaussianBlur
|
|
156
|
+
result="effect1_foregroundBlur_19281_419764"
|
|
157
|
+
stdDeviation={0.192}
|
|
158
|
+
/>
|
|
159
|
+
</filter>
|
|
160
|
+
<filter
|
|
161
|
+
id="b"
|
|
162
|
+
width={100.984}
|
|
163
|
+
height={29.575}
|
|
164
|
+
x={46.39}
|
|
165
|
+
y={44.005}
|
|
166
|
+
colorInterpolationFilters="sRGB"
|
|
167
|
+
filterUnits="userSpaceOnUse">
|
|
168
|
+
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
169
|
+
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
|
|
170
|
+
<feGaussianBlur
|
|
171
|
+
result="effect1_foregroundBlur_19281_419764"
|
|
172
|
+
stdDeviation={0.192}
|
|
173
|
+
/>
|
|
174
|
+
</filter>
|
|
175
|
+
<filter
|
|
176
|
+
id="c"
|
|
177
|
+
width={116.833}
|
|
178
|
+
height={39.509}
|
|
179
|
+
x={33.07}
|
|
180
|
+
y={74.827}
|
|
181
|
+
colorInterpolationFilters="sRGB"
|
|
182
|
+
filterUnits="userSpaceOnUse">
|
|
183
|
+
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
184
|
+
<feColorMatrix
|
|
185
|
+
in="SourceAlpha"
|
|
186
|
+
result="hardAlpha"
|
|
187
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
188
|
+
/>
|
|
189
|
+
<feOffset dx={-1.247} dy={2.911} />
|
|
190
|
+
<feGaussianBlur stdDeviation={2.079} />
|
|
191
|
+
<feComposite in2="hardAlpha" operator="out" />
|
|
192
|
+
<feColorMatrix values="0 0 0 0 0.507031 0 0 0 0 0.626875 0 0 0 0 0.7375 0 0 0 0.49 0" />
|
|
193
|
+
<feBlend
|
|
194
|
+
in2="BackgroundImageFix"
|
|
195
|
+
result="effect1_dropShadow_19281_419764"
|
|
196
|
+
/>
|
|
197
|
+
<feBlend
|
|
198
|
+
in="SourceGraphic"
|
|
199
|
+
in2="effect1_dropShadow_19281_419764"
|
|
200
|
+
result="shape"
|
|
201
|
+
/>
|
|
202
|
+
</filter>
|
|
203
|
+
<filter
|
|
204
|
+
id="d"
|
|
205
|
+
width={21.73}
|
|
206
|
+
height={21.73}
|
|
207
|
+
x={41.521}
|
|
208
|
+
y={80.742}
|
|
209
|
+
colorInterpolationFilters="sRGB"
|
|
210
|
+
filterUnits="userSpaceOnUse">
|
|
211
|
+
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
212
|
+
<feGaussianBlur in="BackgroundImageFix" stdDeviation={0.446} />
|
|
213
|
+
<feComposite
|
|
214
|
+
in2="SourceAlpha"
|
|
215
|
+
operator="in"
|
|
216
|
+
result="effect1_backgroundBlur_19281_419764"
|
|
217
|
+
/>
|
|
218
|
+
<feBlend
|
|
219
|
+
in="SourceGraphic"
|
|
220
|
+
in2="effect1_backgroundBlur_19281_419764"
|
|
221
|
+
result="shape"
|
|
222
|
+
/>
|
|
223
|
+
</filter>
|
|
224
|
+
<filter
|
|
225
|
+
id="e"
|
|
226
|
+
width={22.994}
|
|
227
|
+
height={24.285}
|
|
228
|
+
x={42.995}
|
|
229
|
+
y={81.104}
|
|
230
|
+
colorInterpolationFilters="sRGB"
|
|
231
|
+
filterUnits="userSpaceOnUse">
|
|
232
|
+
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
233
|
+
<feGaussianBlur in="BackgroundImageFix" stdDeviation={0.377} />
|
|
234
|
+
<feComposite
|
|
235
|
+
in2="SourceAlpha"
|
|
236
|
+
operator="in"
|
|
237
|
+
result="effect1_backgroundBlur_19281_419764"
|
|
238
|
+
/>
|
|
239
|
+
<feColorMatrix
|
|
240
|
+
in="SourceAlpha"
|
|
241
|
+
result="hardAlpha"
|
|
242
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
243
|
+
/>
|
|
244
|
+
<feOffset dy={2.044} />
|
|
245
|
+
<feGaussianBlur stdDeviation={0.754} />
|
|
246
|
+
<feComposite in2="hardAlpha" operator="out" />
|
|
247
|
+
<feColorMatrix values="0 0 0 0 0.814115 0 0 0 0 0.882372 0 0 0 0 0.9625 0 0 0 0.33 0" />
|
|
248
|
+
<feBlend
|
|
249
|
+
in2="effect1_backgroundBlur_19281_419764"
|
|
250
|
+
result="effect2_dropShadow_19281_419764"
|
|
251
|
+
/>
|
|
252
|
+
<feBlend
|
|
253
|
+
in="SourceGraphic"
|
|
254
|
+
in2="effect2_dropShadow_19281_419764"
|
|
255
|
+
result="shape"
|
|
256
|
+
/>
|
|
257
|
+
</filter>
|
|
258
|
+
</defs>
|
|
259
|
+
</svg>
|
|
260
|
+
);
|
|
261
|
+
}
|
|
262
|
+
export default SvgCustomTokensZeroState;
|