@lifi/widget 3.0.0-alpha.37 → 3.0.0-alpha.39
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/_esm/components/AppContainer.d.ts +5 -0
- package/_esm/components/AppContainer.js +1 -1
- package/_esm/components/AppContainer.js.map +1 -1
- package/_esm/components/Card/InputCard.js +1 -1
- package/_esm/components/Card/InputCard.js.map +1 -1
- package/_esm/components/ChainSelect/ChainSelect.js +8 -9
- package/_esm/components/ChainSelect/ChainSelect.js.map +1 -1
- package/_esm/components/Header/Header.style.d.ts +0 -3
- package/_esm/components/Header/Header.style.js +1 -7
- package/_esm/components/Header/Header.style.js.map +1 -1
- package/_esm/components/Header/NavigationHeader.js +1 -66
- package/_esm/components/Header/NavigationHeader.js.map +1 -1
- package/_esm/components/Header/NavigationTabs.js +3 -3
- package/_esm/components/Header/NavigationTabs.js.map +1 -1
- package/_esm/components/Skeleton/WidgetSkeleton.d.ts +2 -0
- package/_esm/components/Skeleton/WidgetSkeleton.js +29 -0
- package/_esm/components/Skeleton/WidgetSkeleton.js.map +1 -0
- package/_esm/components/Skeleton/WidgetSkeleton.style.d.ts +31 -0
- package/_esm/components/Skeleton/WidgetSkeleton.style.js +55 -0
- package/_esm/components/Skeleton/WidgetSkeleton.style.js.map +1 -0
- package/_esm/components/Tabs/Tabs.style.d.ts +3 -0
- package/_esm/components/Tabs/Tabs.style.js +17 -9
- package/_esm/components/Tabs/Tabs.style.js.map +1 -1
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/hooks/useAddressValidation.d.ts +1 -1
- package/_esm/hooks/useAddressValidation.js.map +1 -1
- package/_esm/hooks/useHeader.d.ts +2 -0
- package/_esm/hooks/useHeader.js +16 -0
- package/_esm/hooks/useHeader.js.map +1 -0
- package/_esm/hooks/useProcessMessage.js +4 -0
- package/_esm/hooks/useProcessMessage.js.map +1 -1
- package/_esm/hooks/useToken.js +1 -1
- package/_esm/hooks/useToken.js.map +1 -1
- package/_esm/i18n/en.json +4 -2
- package/_esm/index.d.ts +1 -0
- package/_esm/index.js +1 -0
- package/_esm/index.js.map +1 -1
- package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +4 -10
- package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map +1 -1
- package/_esm/pages/LanguagesPage.js +3 -1
- package/_esm/pages/LanguagesPage.js.map +1 -1
- package/_esm/pages/MainPage/MainPage.js +9 -0
- package/_esm/pages/MainPage/MainPage.js.map +1 -1
- package/_esm/pages/RoutesPage/RoutesPage.js +6 -8
- package/_esm/pages/RoutesPage/RoutesPage.js.map +1 -1
- package/_esm/pages/SelectChainPage/SelectChainPage.js +4 -0
- package/_esm/pages/SelectChainPage/SelectChainPage.js.map +1 -1
- package/_esm/pages/SelectEnabledToolsPage.js +5 -8
- package/_esm/pages/SelectEnabledToolsPage.js.map +1 -1
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js +11 -0
- package/_esm/pages/SelectTokenPage/SelectTokenPage.js.map +1 -1
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js +2 -0
- package/_esm/pages/SelectWalletPage/SelectWalletPage.js.map +1 -1
- package/_esm/pages/SendToWallet/BookmarksPage.js +2 -0
- package/_esm/pages/SendToWallet/BookmarksPage.js.map +1 -1
- package/_esm/pages/SendToWallet/ConnectedWalletsPage.js +2 -0
- package/_esm/pages/SendToWallet/ConnectedWalletsPage.js.map +1 -1
- package/_esm/pages/SendToWallet/RecentWalletsPage.js +2 -0
- package/_esm/pages/SendToWallet/RecentWalletsPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToConfiguredWalletPage.js +2 -0
- package/_esm/pages/SendToWallet/SendToConfiguredWalletPage.js.map +1 -1
- package/_esm/pages/SendToWallet/SendToWalletPage.js +2 -0
- package/_esm/pages/SendToWallet/SendToWalletPage.js.map +1 -1
- package/_esm/pages/SettingsPage/GasPriceSettings.js +2 -2
- package/_esm/pages/SettingsPage/GasPriceSettings.js.map +1 -1
- package/_esm/pages/SettingsPage/RoutePrioritySettings.js +2 -2
- package/_esm/pages/SettingsPage/RoutePrioritySettings.js.map +1 -1
- package/_esm/pages/SettingsPage/SettingsPage.js +4 -0
- package/_esm/pages/SettingsPage/SettingsPage.js.map +1 -1
- package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js +8 -5
- package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map +1 -1
- package/_esm/pages/SettingsPage/ThemeSettings.js +2 -2
- package/_esm/pages/SettingsPage/ThemeSettings.js.map +1 -1
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js +5 -0
- package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map +1 -1
- package/_esm/pages/TransactionHistoryPage/TransactionHistoryPage.js +4 -0
- package/_esm/pages/TransactionHistoryPage/TransactionHistoryPage.js.map +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.js +4 -3
- package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.style.d.ts +3 -0
- package/_esm/pages/TransactionPage/StatusBottomSheet.style.js +7 -0
- package/_esm/pages/TransactionPage/StatusBottomSheet.style.js.map +1 -1
- package/_esm/pages/TransactionPage/TransactionPage.js +16 -11
- package/_esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_esm/stores/chains/createChainOrderStore.d.ts +2 -1
- package/_esm/stores/chains/createChainOrderStore.js +6 -5
- package/_esm/stores/chains/createChainOrderStore.js.map +1 -1
- package/_esm/stores/header/useHeaderStore.js.map +1 -1
- package/_esm/themes/azureLight.js +12 -0
- package/_esm/themes/azureLight.js.map +1 -1
- package/_esm/themes/createTheme.js +28 -2
- package/_esm/themes/createTheme.js.map +1 -1
- package/_esm/themes/watermelonLight.js.map +1 -1
- package/_esm/types/widget.d.ts +1 -1
- package/_esm/types/widget.js.map +1 -1
- package/_esm/utils/colors.d.ts +0 -1
- package/_esm/utils/colors.js +0 -3
- package/_esm/utils/colors.js.map +1 -1
- package/components/AppContainer.tsx +1 -1
- package/components/Card/InputCard.tsx +1 -1
- package/components/ChainSelect/ChainSelect.tsx +35 -32
- package/components/Header/Header.style.ts +0 -9
- package/components/Header/NavigationHeader.tsx +1 -67
- package/components/Header/NavigationTabs.tsx +4 -4
- package/components/Skeleton/WidgetSkeleton.style.tsx +63 -0
- package/components/Skeleton/WidgetSkeleton.tsx +136 -0
- package/components/Tabs/Tabs.style.tsx +20 -9
- package/config/version.ts +1 -1
- package/hooks/useAddressValidation.ts +2 -1
- package/hooks/useHeader.ts +18 -0
- package/hooks/useProcessMessage.ts +4 -0
- package/hooks/useToken.ts +1 -1
- package/i18n/en.json +4 -2
- package/index.ts +1 -0
- package/package.json +30 -18
- package/pages/ActiveTransactionsPage/ActiveTransactionsPage.tsx +11 -10
- package/pages/LanguagesPage.tsx +3 -1
- package/pages/MainPage/MainPage.tsx +11 -0
- package/pages/RoutesPage/RoutesPage.tsx +21 -18
- package/pages/SelectChainPage/SelectChainPage.tsx +5 -0
- package/pages/SelectEnabledToolsPage.tsx +17 -15
- package/pages/SelectTokenPage/SelectTokenPage.tsx +14 -0
- package/pages/SelectWalletPage/SelectWalletPage.tsx +3 -0
- package/pages/SendToWallet/BookmarksPage.tsx +3 -0
- package/pages/SendToWallet/ConnectedWalletsPage.tsx +2 -0
- package/pages/SendToWallet/RecentWalletsPage.tsx +3 -0
- package/pages/SendToWallet/SendToConfiguredWalletPage.tsx +3 -0
- package/pages/SendToWallet/SendToWalletPage.tsx +3 -0
- package/pages/SettingsPage/GasPriceSettings.tsx +3 -3
- package/pages/SettingsPage/RoutePrioritySettings.tsx +3 -3
- package/pages/SettingsPage/SettingsPage.tsx +5 -0
- package/pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx +10 -8
- package/pages/SettingsPage/ThemeSettings.tsx +3 -3
- package/pages/TransactionDetailsPage/TransactionDetailsPage.tsx +7 -0
- package/pages/TransactionHistoryPage/TransactionHistoryPage.tsx +5 -0
- package/pages/TransactionPage/StatusBottomSheet.style.tsx +8 -0
- package/pages/TransactionPage/StatusBottomSheet.tsx +18 -3
- package/pages/TransactionPage/TransactionPage.tsx +20 -14
- package/stores/chains/createChainOrderStore.ts +6 -5
- package/stores/header/useHeaderStore.tsx +0 -1
- package/themes/azureLight.ts +12 -0
- package/themes/createTheme.ts +36 -1
- package/themes/watermelonLight.ts +0 -2
- package/types/widget.ts +1 -0
- package/utils/colors.ts +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createChainOrderStore.js","sourceRoot":"","sources":["../../../stores/chains/createChainOrderStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAI3D,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,UAAU,EAAqB,EAAE,EAAE,CACzE,oBAAoB,CAClB,OAAO,CACL,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,UAAU,EAAE,iBAAiB;IAC7B,eAAe,EAAE,iBAAiB;IAClC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE;QACnC,GAAG,CAAC,CAAC,KAAsB,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAC3D,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,CAAC;YACF,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CACjC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3C,CAAC;YACF,IAAI,UAAU,CAAC,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"createChainOrderStore.js","sourceRoot":"","sources":["../../../stores/chains/createChainOrderStore.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHeaderStore.js","sourceRoot":"","sources":["../../../stores/header/useHeaderStore.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAI3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAE1E,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACkB;IAC1B,MAAM,QAAQ,GAAG,MAAM,EAAe,CAAC;IACvC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YACjD,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,MAAM,QAAQ,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,mBAAmB,CAAC,IAAI,IAAI,CACtE,CAAC;IACJ,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,cAAc,CAAI,QAAmC;IACnE,MAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAC;IACzC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC5B,CAAC;
|
|
1
|
+
{"version":3,"file":"useHeaderStore.js","sourceRoot":"","sources":["../../../stores/header/useHeaderStore.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAI3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAE1E,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACkB;IAC1B,MAAM,QAAQ,GAAG,MAAM,EAAe,CAAC;IACvC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACtB,QAAQ,CAAC,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YACjD,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,MAAM,QAAQ,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,yCAAyC,mBAAmB,CAAC,IAAI,IAAI,CACtE,CAAC;IACJ,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,cAAc,CAAI,QAAmC;IACnE,MAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAC;IACzC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC5B,CAAC;AACD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,UAAU,EAAqB,EAAE,EAAE,CACrE,oBAAoB,CAClB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE;QACrB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,OAAO;SACR,CAAC,CAAC,CAAC;QACJ,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,KAAK;SACN,CAAC,CAAC,CAAC;QACJ,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC;IAC3B,CAAC;IACD,YAAY,EAAE,GAAG,EAAE;QACjB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,OAAO,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACN,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;YACT,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAC,EACF,MAAM,CAAC,EAAE,CACV,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { tabsClasses } from '@mui/material';
|
|
1
2
|
export const azureLightTheme = {
|
|
2
3
|
palette: {
|
|
3
4
|
primary: {
|
|
@@ -40,6 +41,17 @@ export const azureLightTheme = {
|
|
|
40
41
|
MuiCard: {
|
|
41
42
|
defaultProps: { variant: 'filled' },
|
|
42
43
|
},
|
|
44
|
+
// Used only for 'split' subvariant and can be safely removed if not used
|
|
45
|
+
MuiTabs: {
|
|
46
|
+
styleOverrides: {
|
|
47
|
+
root: {
|
|
48
|
+
backgroundColor: '#f8f8fa',
|
|
49
|
+
[`.${tabsClasses.indicator}`]: {
|
|
50
|
+
backgroundColor: '#ffffff',
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
},
|
|
43
55
|
},
|
|
44
56
|
};
|
|
45
57
|
//# sourceMappingURL=azureLight.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"azureLight.js","sourceRoot":"","sources":["../../themes/azureLight.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"azureLight.js","sourceRoot":"","sources":["../../themes/azureLight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,eAAe,GAAgB;IAC1C,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;SACpC;QACD,yEAAyE;QACzE,OAAO,EAAE;YACP,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,SAAS;oBAC1B,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;wBAC7B,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;SACF;KACF;CACF,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { loadingButtonClasses } from '@mui/lab';
|
|
2
|
-
import { alpha, createTheme as createMuiTheme, css, darken, dialogActionsClasses, getContrastRatio, keyframes, lighten, touchRippleClasses, } from '@mui/material';
|
|
2
|
+
import { alpha, createTheme as createMuiTheme, css, darken, dialogActionsClasses, getContrastRatio, keyframes, lighten, tabsClasses, touchRippleClasses, } from '@mui/material';
|
|
3
|
+
import { palette, paletteDark, paletteLight } from './palettes.js';
|
|
3
4
|
import { getStyleOverrides } from './utils.js';
|
|
4
|
-
import { palette, paletteLight, paletteDark } from './palettes.js';
|
|
5
5
|
const shape = {
|
|
6
6
|
borderRadius: 12,
|
|
7
7
|
borderRadiusSecondary: 12,
|
|
@@ -307,6 +307,32 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
307
307
|
}),
|
|
308
308
|
},
|
|
309
309
|
},
|
|
310
|
+
MuiTabs: {
|
|
311
|
+
...widgetTheme.components?.MuiTabs,
|
|
312
|
+
styleOverrides: {
|
|
313
|
+
...widgetTheme.components?.MuiTabs?.styleOverrides,
|
|
314
|
+
root: ({ theme, ownerState }) => {
|
|
315
|
+
const rootStyleOverrides = getStyleOverrides('MuiTabs', 'root', widgetTheme, ownerState);
|
|
316
|
+
return {
|
|
317
|
+
backgroundColor: theme.palette.mode === 'light'
|
|
318
|
+
? alpha(theme.palette.common.black, 0.04)
|
|
319
|
+
: alpha(theme.palette.common.white, 0.08),
|
|
320
|
+
borderRadius: theme.shape.borderRadius,
|
|
321
|
+
...rootStyleOverrides,
|
|
322
|
+
[`.${tabsClasses.indicator}`]: {
|
|
323
|
+
backgroundColor: theme.palette.mode === 'light'
|
|
324
|
+
? theme.palette.background.paper
|
|
325
|
+
: alpha(theme.palette.common.black, 0.56),
|
|
326
|
+
borderRadius: theme.shape.borderRadius > 0
|
|
327
|
+
? theme.shape.borderRadius - 4
|
|
328
|
+
: theme.shape.borderRadius,
|
|
329
|
+
boxShadow: `0px 2px 4px ${alpha(theme.palette.common.black, 0.04)}`,
|
|
330
|
+
...rootStyleOverrides?.[`.${tabsClasses.indicator}`],
|
|
331
|
+
},
|
|
332
|
+
};
|
|
333
|
+
},
|
|
334
|
+
},
|
|
335
|
+
},
|
|
310
336
|
},
|
|
311
337
|
});
|
|
312
338
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../themes/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAQhD,OAAO,EACL,KAAK,EACL,WAAW,IAAI,cAAc,EAC7B,GAAG,EACH,MAAM,EACN,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,kBAAkB,GACnB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["../../themes/createTheme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"watermelonLight.js","sourceRoot":"","sources":["../../themes/watermelonLight.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"watermelonLight.js","sourceRoot":"","sources":["../../themes/watermelonLight.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAgB;IAC/C,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;QACD,mBAAmB;QACnB,sBAAsB;QACtB,8BAA8B;QAC9B,kEAAkE;QAClE,0BAA0B;QAC1B,yDAAyD;QACzD,qBAAqB;QACrB,kCAAkC;QAClC,2CAA2C;QAC3C,2CAA2C;QAC3C,4CAA4C;QAC5C,kBAAkB;QAClB,aAAa;QACb,4BAA4B;QAC5B,WAAW;QACX,UAAU;QACV,OAAO;QACP,KAAK;KACN;CACa,CAAC"}
|
package/_esm/types/widget.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ export interface NavigationProps {
|
|
|
20
20
|
*/
|
|
21
21
|
edge?: boolean;
|
|
22
22
|
}
|
|
23
|
-
export type WidgetThemeComponents = Pick<Components<Theme>, 'MuiAppBar' | 'MuiAvatar' | 'MuiButton' | 'MuiCard' | 'MuiIconButton' | 'MuiInputCard'>;
|
|
23
|
+
export type WidgetThemeComponents = Pick<Components<Theme>, 'MuiAppBar' | 'MuiAvatar' | 'MuiButton' | 'MuiCard' | 'MuiIconButton' | 'MuiInputCard' | 'MuiTabs'>;
|
|
24
24
|
export type WidgetTheme = {
|
|
25
25
|
palette?: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
|
|
26
26
|
shape?: Partial<Shape>;
|
package/_esm/types/widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"AAoEA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QASX;AATD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;AAC3B,CAAC,EATW,QAAQ,KAAR,QAAQ,QASnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
|
package/_esm/utils/colors.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ import type { Theme } from '@mui/material';
|
|
|
2
2
|
export declare const getContrastAlphaColor: (theme: Theme, value: number) => string;
|
|
3
3
|
export declare const getWarningBackgroundColor: (theme: Theme) => string;
|
|
4
4
|
export declare const getInfoBackgroundColor: (theme: Theme) => string;
|
|
5
|
-
export declare const getCardFieldsetBackgroundColor: (theme: Theme) => string;
|
|
6
5
|
/**
|
|
7
6
|
* https://github.com/mui/material-ui/blob/next/packages/mui-system/src/colorManipulator/colorManipulator.js
|
|
8
7
|
* Blend a transparent overlay color with a background color, resulting in a single
|
package/_esm/utils/colors.js
CHANGED
|
@@ -8,9 +8,6 @@ export const getWarningBackgroundColor = (theme) => theme.palette.mode === 'ligh
|
|
|
8
8
|
export const getInfoBackgroundColor = (theme) => theme.palette.mode === 'light'
|
|
9
9
|
? alpha(theme.palette.info.main, 0.12)
|
|
10
10
|
: alpha(theme.palette.info.main, 0.16);
|
|
11
|
-
export const getCardFieldsetBackgroundColor = (theme) => theme.palette.mode === 'light'
|
|
12
|
-
? alpha(theme.palette.common.black, 0.04)
|
|
13
|
-
: theme.palette.grey[800];
|
|
14
11
|
/**
|
|
15
12
|
* https://github.com/mui/material-ui/blob/next/packages/mui-system/src/colorManipulator/colorManipulator.js
|
|
16
13
|
* Blend a transparent overlay color with a background color, resulting in a single
|
package/_esm/utils/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../utils/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE,CACnE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAE,EAAE,CACxD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAY,EAAE,EAAE,CACrD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IACtC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE3C
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../utils/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE,CACnE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAE,EAAE,CACxD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAY,EAAE,EAAE,CACrD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IACtC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE3C;;;;;;;;;GASG;AACH,MAAM,UAAU,KAAK,CACnB,UAAkB,EAClB,OAAe,EACf,OAAe,EACf,QAAgB,GAAG;IAEnB,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAC5C,IAAI,CAAC,KAAK,CACR,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,KAAK,CACzE,CAAC;IAEJ,MAAM,eAAe,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,GAAG,GAA6B;QACpC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/D,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/D,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KAChE,CAAC;IAEF,OAAO,cAAc,CAAC;QACpB,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,GAAG;KACZ,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -16,7 +16,7 @@ export const AppExpandedContainer = styled(Box, {
|
|
|
16
16
|
height: variant === 'drawer' ? 'none' : maxHeight,
|
|
17
17
|
}));
|
|
18
18
|
|
|
19
|
-
const RelativeContainer = styled(Box, {
|
|
19
|
+
export const RelativeContainer = styled(Box, {
|
|
20
20
|
shouldForwardProp: (prop) => prop !== 'variant',
|
|
21
21
|
})<{ variant?: WidgetVariant }>(({ theme, variant }) => ({
|
|
22
22
|
position: 'relative',
|
|
@@ -3,7 +3,10 @@ import type { EVMChain } from '@lifi/sdk';
|
|
|
3
3
|
import { Avatar, Box, Skeleton, Tooltip, Typography } from '@mui/material';
|
|
4
4
|
import { useEffect } from 'react';
|
|
5
5
|
import { useNavigate } from 'react-router-dom';
|
|
6
|
-
import {
|
|
6
|
+
import {
|
|
7
|
+
maxChainsToOrder,
|
|
8
|
+
maxChainsToShow,
|
|
9
|
+
} from '../../stores/chains/createChainOrderStore.js';
|
|
7
10
|
import type { FormTypeProps } from '../../stores/form/types.js';
|
|
8
11
|
import { FormKeyHelper } from '../../stores/form/types.js';
|
|
9
12
|
import { useFieldValues } from '../../stores/form/useFieldValues.js';
|
|
@@ -39,17 +42,19 @@ export const ChainSelect = ({ formType }: FormTypeProps) => {
|
|
|
39
42
|
};
|
|
40
43
|
|
|
41
44
|
// We check if we can accommodate all the chains on the grid
|
|
42
|
-
// If there are more chains we
|
|
45
|
+
// If there are more than 10 chains we show the number of hidden chains as the last one tile
|
|
43
46
|
const chainsToHide =
|
|
44
|
-
chains?.length ===
|
|
47
|
+
chains?.length === maxChainsToShow
|
|
45
48
|
? 0
|
|
46
|
-
: (chains?.length ?? 0) -
|
|
47
|
-
|
|
49
|
+
: (chains?.length ?? 0) - maxChainsToOrder;
|
|
50
|
+
|
|
51
|
+
// When there is less than 10 chains we don't care about the order
|
|
52
|
+
const chainsToShow = chainsToHide > 0 ? getChains() : chains;
|
|
48
53
|
|
|
49
54
|
return (
|
|
50
55
|
<ChainContainer>
|
|
51
56
|
{isLoading
|
|
52
|
-
? Array.from({ length:
|
|
57
|
+
? Array.from({ length: maxChainsToOrder }).map((_, index) => (
|
|
53
58
|
<Skeleton
|
|
54
59
|
key={index}
|
|
55
60
|
variant="rectangular"
|
|
@@ -58,34 +63,32 @@ export const ChainSelect = ({ formType }: FormTypeProps) => {
|
|
|
58
63
|
sx={{ borderRadius: 1 }}
|
|
59
64
|
/>
|
|
60
65
|
))
|
|
61
|
-
:
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
66
|
+
: chainsToShow?.map((chain: EVMChain) => (
|
|
67
|
+
<Tooltip
|
|
68
|
+
key={chain.id}
|
|
69
|
+
title={chain.name}
|
|
70
|
+
placement="top"
|
|
71
|
+
enterDelay={400}
|
|
72
|
+
enterNextDelay={100}
|
|
73
|
+
disableInteractive
|
|
74
|
+
arrow
|
|
75
|
+
>
|
|
76
|
+
<ChainCard
|
|
77
|
+
component="button"
|
|
78
|
+
onClick={() => setCurrentChain(chain.id)}
|
|
79
|
+
type={chainId === chain.id ? 'selected' : 'default'}
|
|
80
|
+
selectionColor="primary"
|
|
72
81
|
>
|
|
73
|
-
<
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
selectionColor="primary"
|
|
82
|
+
<Avatar
|
|
83
|
+
src={chain.logoURI}
|
|
84
|
+
alt={chain.key}
|
|
85
|
+
sx={{ width: 40, height: 40 }}
|
|
78
86
|
>
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
{chain.name[0]}
|
|
85
|
-
</Avatar>
|
|
86
|
-
</ChainCard>
|
|
87
|
-
</Tooltip>
|
|
88
|
-
))}
|
|
87
|
+
{chain.name[0]}
|
|
88
|
+
</Avatar>
|
|
89
|
+
</ChainCard>
|
|
90
|
+
</Tooltip>
|
|
91
|
+
))}
|
|
89
92
|
{chainsToHide > 0 ? (
|
|
90
93
|
<ChainCard component="button" onClick={showAllChains}>
|
|
91
94
|
<Box
|
|
@@ -3,14 +3,12 @@ import {
|
|
|
3
3
|
Avatar,
|
|
4
4
|
Box,
|
|
5
5
|
Button,
|
|
6
|
-
alpha,
|
|
7
6
|
buttonClasses,
|
|
8
7
|
styled,
|
|
9
8
|
} from '@mui/material';
|
|
10
9
|
import type { WidgetSubvariant } from '../../types/widget.js';
|
|
11
10
|
import { getContrastAlphaColor } from '../../utils/colors.js';
|
|
12
11
|
import { avatarMask12 } from '../Avatar/utils.js';
|
|
13
|
-
import { Tabs } from '../Tabs/Tabs.style.js';
|
|
14
12
|
|
|
15
13
|
export const HeaderAppBar = styled(AppBar)(({ theme }) => ({
|
|
16
14
|
backgroundColor: 'transparent',
|
|
@@ -84,13 +82,6 @@ export const HeaderControlsContainer = styled(Box)(({ theme }) => ({
|
|
|
84
82
|
}),
|
|
85
83
|
}));
|
|
86
84
|
|
|
87
|
-
export const SplitTabs = styled(Tabs)(({ theme }) => ({
|
|
88
|
-
backgroundColor:
|
|
89
|
-
theme.palette.mode === 'light'
|
|
90
|
-
? alpha(theme.palette.common.black, 0.04)
|
|
91
|
-
: theme.palette.background.paper,
|
|
92
|
-
}));
|
|
93
|
-
|
|
94
85
|
export const WalletAvatar = styled(Avatar)(({ theme }) => ({
|
|
95
86
|
mask: avatarMask12,
|
|
96
87
|
width: 24,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Box, Typography } from '@mui/material';
|
|
2
|
-
import { useTranslation } from 'react-i18next';
|
|
3
2
|
import { Route, Routes, useLocation } from 'react-router-dom';
|
|
4
3
|
import { useAccount } from '../../hooks/useAccount.js';
|
|
5
4
|
import { useNavigateBack } from '../../hooks/useNavigateBack.js';
|
|
@@ -20,7 +19,6 @@ import { TransactionHistoryButton } from './TransactionHistoryButton.js';
|
|
|
20
19
|
import { SplitWalletMenuButton } from './WalletHeader.js';
|
|
21
20
|
|
|
22
21
|
export const NavigationHeader: React.FC = () => {
|
|
23
|
-
const { t } = useTranslation();
|
|
24
22
|
const { subvariant, hiddenUI, variant } = useWidgetConfig();
|
|
25
23
|
const { navigateBack } = useNavigateBack();
|
|
26
24
|
const { account } = useAccount();
|
|
@@ -35,70 +33,6 @@ export const NavigationHeader: React.FC = () => {
|
|
|
35
33
|
|
|
36
34
|
const splitSubvariant = subvariant === 'split' && !hasPath;
|
|
37
35
|
|
|
38
|
-
const handleHeaderTitle = () => {
|
|
39
|
-
switch (path) {
|
|
40
|
-
case navigationRoutes.selectWallet:
|
|
41
|
-
return t(`header.selectWallet`);
|
|
42
|
-
case navigationRoutes.settings:
|
|
43
|
-
return t(`header.settings`);
|
|
44
|
-
case navigationRoutes.bridges:
|
|
45
|
-
return t(`settings.enabledBridges`);
|
|
46
|
-
case navigationRoutes.exchanges:
|
|
47
|
-
return t(`settings.enabledExchanges`);
|
|
48
|
-
case navigationRoutes.sendToWallet:
|
|
49
|
-
case navigationRoutes.configuredWallets:
|
|
50
|
-
return t(`header.sendToWallet`);
|
|
51
|
-
case navigationRoutes.bookmarks:
|
|
52
|
-
return t(`header.bookmarkedWallets`);
|
|
53
|
-
case navigationRoutes.recentWallets:
|
|
54
|
-
return t(`header.recentWallets`);
|
|
55
|
-
case navigationRoutes.connectedWallets:
|
|
56
|
-
return t(`sendToWallet.connectedWallets`);
|
|
57
|
-
case navigationRoutes.languages:
|
|
58
|
-
return t(`language.title`);
|
|
59
|
-
case navigationRoutes.transactionHistory:
|
|
60
|
-
return t(`header.transactionHistory`);
|
|
61
|
-
case navigationRoutes.fromToken: {
|
|
62
|
-
if (subvariant === 'custom') {
|
|
63
|
-
return t(`header.payWith`);
|
|
64
|
-
}
|
|
65
|
-
return t(`header.from`);
|
|
66
|
-
}
|
|
67
|
-
case navigationRoutes.toToken:
|
|
68
|
-
return t(`header.to`);
|
|
69
|
-
case navigationRoutes.fromChain:
|
|
70
|
-
case navigationRoutes.toChain:
|
|
71
|
-
case navigationRoutes.toTokenNative:
|
|
72
|
-
return t(`header.selectChain`);
|
|
73
|
-
case navigationRoutes.routes:
|
|
74
|
-
return t(`header.youGet`);
|
|
75
|
-
case navigationRoutes.activeTransactions:
|
|
76
|
-
return t(`header.activeTransactions`);
|
|
77
|
-
case navigationRoutes.transactionExecution: {
|
|
78
|
-
if (subvariant === 'custom') {
|
|
79
|
-
return t(`header.purchase`);
|
|
80
|
-
}
|
|
81
|
-
return t(`header.exchange`);
|
|
82
|
-
}
|
|
83
|
-
case navigationRoutes.transactionDetails: {
|
|
84
|
-
if (subvariant === 'custom') {
|
|
85
|
-
return t(`header.purchaseDetails`);
|
|
86
|
-
}
|
|
87
|
-
return t(`header.transactionDetails`);
|
|
88
|
-
}
|
|
89
|
-
default: {
|
|
90
|
-
switch (subvariant) {
|
|
91
|
-
case 'custom':
|
|
92
|
-
return t(`header.checkout`);
|
|
93
|
-
case 'refuel':
|
|
94
|
-
return t(`header.gas`);
|
|
95
|
-
default:
|
|
96
|
-
return t(`header.exchange`);
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
|
|
102
36
|
return (
|
|
103
37
|
<>
|
|
104
38
|
<HeaderAppBar elevation={0}>
|
|
@@ -117,7 +51,7 @@ export const NavigationHeader: React.FC = () => {
|
|
|
117
51
|
flex={1}
|
|
118
52
|
noWrap
|
|
119
53
|
>
|
|
120
|
-
{title
|
|
54
|
+
{title}
|
|
121
55
|
</Typography>
|
|
122
56
|
)}
|
|
123
57
|
<Routes>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useTranslation } from 'react-i18next';
|
|
2
2
|
import { useFieldActions } from '../../stores/form/useFieldActions.js';
|
|
3
3
|
import { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js';
|
|
4
|
-
import { Tab } from '../Tabs/Tabs.style.js';
|
|
5
|
-
import { HeaderAppBar
|
|
4
|
+
import { Tab, Tabs } from '../Tabs/Tabs.style.js';
|
|
5
|
+
import { HeaderAppBar } from './Header.style.js';
|
|
6
6
|
|
|
7
7
|
export const NavigationTabs = () => {
|
|
8
8
|
const { t } = useTranslation();
|
|
@@ -21,7 +21,7 @@ export const NavigationTabs = () => {
|
|
|
21
21
|
|
|
22
22
|
return (
|
|
23
23
|
<HeaderAppBar elevation={0} sx={{ paddingTop: 1, paddingBottom: 0.5 }}>
|
|
24
|
-
<
|
|
24
|
+
<Tabs
|
|
25
25
|
value={state === 'swap' ? 0 : 1}
|
|
26
26
|
onChange={handleChange}
|
|
27
27
|
aria-label="tabs"
|
|
@@ -29,7 +29,7 @@ export const NavigationTabs = () => {
|
|
|
29
29
|
>
|
|
30
30
|
<Tab label={t('header.swap')} disableRipple />
|
|
31
31
|
<Tab label={t('header.bridge')} disableRipple />
|
|
32
|
-
</
|
|
32
|
+
</Tabs>
|
|
33
33
|
</HeaderAppBar>
|
|
34
34
|
);
|
|
35
35
|
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { Box, Button, Card as MuiCard, styled } from '@mui/material';
|
|
2
|
+
import { InputCard } from '../../components/Card/InputCard.js';
|
|
3
|
+
|
|
4
|
+
export const SkeletonHeaderAppBar = styled(Box)(({ theme }) => ({
|
|
5
|
+
display: 'flex',
|
|
6
|
+
flexDirection: 'row',
|
|
7
|
+
justifyContent: 'flex-end',
|
|
8
|
+
alignItems: 'center',
|
|
9
|
+
color: theme.palette?.text.primary,
|
|
10
|
+
paddingRight: theme.navigation?.edge ? 0 : theme.spacing?.(1),
|
|
11
|
+
}));
|
|
12
|
+
|
|
13
|
+
export const SkeletonWalletMenuButtonContainer = styled(Box)(({ theme }) => ({
|
|
14
|
+
display: 'flex',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
padding: theme.spacing(1, 0, 1, 1.5),
|
|
17
|
+
gap: theme.spacing(1),
|
|
18
|
+
}));
|
|
19
|
+
|
|
20
|
+
export const SkeletonCardRow = styled(Box)(({ theme }) => ({
|
|
21
|
+
display: 'flex',
|
|
22
|
+
gap: theme.spacing(2),
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
marginTop: theme.spacing(1.5),
|
|
25
|
+
}));
|
|
26
|
+
|
|
27
|
+
export const SkeletonAmountContainer = styled(Box)({
|
|
28
|
+
display: 'flex',
|
|
29
|
+
flexDirection: 'column',
|
|
30
|
+
justifyContent: 'center',
|
|
31
|
+
height: 40,
|
|
32
|
+
overflowY: 'hidden',
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export const SkeletonCard = styled(MuiCard)(({ theme }) => ({
|
|
36
|
+
padding: theme.spacing(1.5, 2, 2),
|
|
37
|
+
}));
|
|
38
|
+
|
|
39
|
+
export const SkeletonInputCard = styled(InputCard)(({ theme }) => ({
|
|
40
|
+
padding: theme.spacing(1.5, 2, 2),
|
|
41
|
+
}));
|
|
42
|
+
|
|
43
|
+
export const SkeletonReviewButtonContainer = styled(Box)(({ theme }) => ({
|
|
44
|
+
display: 'flex',
|
|
45
|
+
gap: theme.spacing(1.5),
|
|
46
|
+
alignItems: 'center',
|
|
47
|
+
}));
|
|
48
|
+
|
|
49
|
+
export const SkeletonReviewButton = styled(Button)({
|
|
50
|
+
height: 48,
|
|
51
|
+
pointerEvents: 'none',
|
|
52
|
+
});
|
|
53
|
+
export const SkeletonSendToWalletButton = styled(Button)({
|
|
54
|
+
height: 48,
|
|
55
|
+
minWidth: 48,
|
|
56
|
+
width: 48,
|
|
57
|
+
pointerEvents: 'none',
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
export const SkeletonPoweredByContainer = styled(Box)({
|
|
61
|
+
display: 'flex',
|
|
62
|
+
justifyContent: 'flex-end',
|
|
63
|
+
});
|