tek-wallet 0.0.624 → 0.0.626
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/dist/components/TekWallet/components/ui/Fees/index.js +1 -1
- package/dist/components/TekWallet/components/ui/ModalTitle/index.js +2 -2
- package/dist/components/TekWallet/components/ui/PageHeader/index.js +1 -1
- package/dist/components/TekWallet/components/ui/SwapToken/index.js +3 -2
- package/dist/components/TekWallet/components/views/AssetView/index.js +2 -2
- package/dist/components/TekWallet/theme/mui/theme.js +1 -1
- package/package.json +1 -1
|
@@ -105,7 +105,7 @@ function Fees(props) {
|
|
|
105
105
|
} }, sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 10, height: 10 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
106
106
|
fontSize: theme.typography.fontSize11,
|
|
107
107
|
fontWeight: theme.typography.fontWeight500,
|
|
108
|
-
color: theme.palette.text.
|
|
108
|
+
color: theme.palette.text.black,
|
|
109
109
|
}, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
110
110
|
borderTop: "1px dashed",
|
|
111
111
|
borderColor: theme.palette.border.accent,
|
|
@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
28
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
-
var
|
|
29
|
+
var ThemeProvider_1 = require("../../../providers/ThemeProvider");
|
|
30
30
|
var Text_1 = __importDefault(require("../Text"));
|
|
31
31
|
var ModalTitle = function (props) {
|
|
32
32
|
var children = props.children, sx = props.sx, rest = __rest(props, ["children", "sx"]);
|
|
33
|
-
var theme = (0,
|
|
33
|
+
var theme = (0, ThemeProvider_1.useTheme)();
|
|
34
34
|
return ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, rest, { sx: __assign(__assign({}, theme.mixins.sessionTitle), sx), children: children })));
|
|
35
35
|
};
|
|
36
36
|
exports.default = ModalTitle;
|
|
@@ -21,6 +21,6 @@ var BackHeader_1 = __importDefault(require("../BackHeader"));
|
|
|
21
21
|
var Text_1 = __importDefault(require("../Text"));
|
|
22
22
|
var PageHeader = function (props) {
|
|
23
23
|
var theme = (0, ThemeProvider_1.useTheme)();
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)(BackHeader_1.default, { overrideBack: props.overrideBack, sx: __assign({ display: "flex", alignItems: "center", justifyContent: "space-between", height: "100%", position: "relative", paddingLeft: theme.mixins.pagePadding.paddingLeft, paddingRight: theme.mixins.pagePadding.paddingRight, minHeight: "3.125rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.headerTitle), theme.mixins.center), children: props.title }), props.rightAdornment && props.rightAdornment] }));
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(BackHeader_1.default, { overrideBack: props.overrideBack, sx: __assign({ display: "flex", alignItems: "center", justifyContent: "space-between", height: "100%", position: "relative", paddingLeft: theme.mixins.pagePadding.paddingLeft, paddingRight: theme.mixins.pagePadding.paddingRight, minHeight: "3.125rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.headerTitle), theme.mixins.center), { color: theme.palette.text.black }), children: props.title }), props.rightAdornment && props.rightAdornment] }));
|
|
25
25
|
};
|
|
26
26
|
exports.default = PageHeader;
|
|
@@ -283,8 +283,9 @@ exports.SwapToken = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
283
283
|
} })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g16, width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: toToken === null || toToken === void 0 ? void 0 : toToken.link, width: 20, height: 20, className: "rounded-full" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeight600, color: theme.palette.text.white }), children: toToken === null || toToken === void 0 ? void 0 : toToken.name })] }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.bigValue), { ml: "auto", color: theme.palette.text.white }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toAmount }) })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { mt: theme.mixins.customMargin.m12 }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
284
284
|
fontSize: theme.typography.fontSize18,
|
|
285
285
|
fontWeight: theme.typography.fontWeight700,
|
|
286
|
-
|
|
287
|
-
|
|
286
|
+
color: theme.palette.text.black,
|
|
287
|
+
}, children: "Transfer Summary" }) }), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.fee_detail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: fromTokenSlug })), !estimateFee && !!amount && isLoadingEstimateFee && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, width: "100%" }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16, sx: { color: theme.palette.text.white } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { color: "text.white" }, children: "Calculating fee" })] })), !!estimateReceive && !error && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.valueDescription), { width: "100%", justifyContent: "center", color: theme.palette.text.black, fontWeight: theme.typography.fontWeight500, gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("ellipse"), width: 12, height: 12 }), "1 ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " =", (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 1 / +(toToken === null || toToken === void 0 ? void 0 : toToken.usd_rate) }), " ", toToken === null || toToken === void 0 ? void 0 : toToken.name] })] }), field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
288
|
+
color: theme.palette.text.black,
|
|
288
289
|
fontWeight: theme.typography.fontWeight600,
|
|
289
290
|
}, children: "Best Price" }) })), !!estimateReceive && !error && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", gap: theme.mixins.gaps.g8, mt: theme.mixins.customMargin.m8 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("warning"), width: 18, height: 18 }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
|
|
290
291
|
color: theme.palette.text.primary,
|
|
@@ -26,11 +26,11 @@ var WithdrawFunction_1 = __importDefault(require("../../ui/WithdrawFunction"));
|
|
|
26
26
|
var TokensBoard_1 = __importDefault(require("../../ui/TokensBoard"));
|
|
27
27
|
var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
|
|
28
28
|
var Text_1 = __importDefault(require("../../ui/Text"));
|
|
29
|
-
var
|
|
29
|
+
var ThemeProvider_1 = require("../../../providers/ThemeProvider");
|
|
30
30
|
var AmountGroupAndChart_1 = __importDefault(require("../../ui/AmountGroupAndChart"));
|
|
31
31
|
var AssetView = function (props) {
|
|
32
32
|
var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
|
|
33
|
-
var theme = (0,
|
|
33
|
+
var theme = (0, ThemeProvider_1.useTheme)();
|
|
34
34
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isInitPasscode && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isInitPasscode && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
35
35
|
display: "grid",
|
|
36
36
|
gridTemplateColumns: "repeat(4, 1fr)",
|