tek-wallet 0.0.360 → 0.0.361
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.
|
@@ -30,10 +30,21 @@ var material_1 = require("@mui/material");
|
|
|
30
30
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
31
31
|
var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
|
|
32
32
|
var Text_1 = __importDefault(require("../Text"));
|
|
33
|
-
var
|
|
33
|
+
var Formatter_1 = __importDefault(require("../Formatter"));
|
|
34
|
+
var jsx_runtime_2 = require("react/jsx-runtime");
|
|
35
|
+
var FeeDetail = function (_a) {
|
|
36
|
+
var feeName = _a.feeName, value = _a.value;
|
|
37
|
+
var theme = (0, material_1.useTheme)();
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: value }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: value, start: "~ " }) })] })] }));
|
|
39
|
+
};
|
|
34
40
|
function Fees(props) {
|
|
35
41
|
var sx = props.sx, rest = __rest(props, ["sx"]);
|
|
36
42
|
var theme = (0, material_1.useTheme)();
|
|
37
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { sx: __assign({
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { sx: __assign({ "& .MuiPaper-root": {
|
|
44
|
+
backgroundColor: "transparent",
|
|
45
|
+
} }, 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: 20 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Total fees" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 1000 }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: 2 }), children: [1, 2, 3].map(function (item, index) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_2.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
46
|
+
borderRight: "1px dashed ".concat(theme.palette.border.black16),
|
|
47
|
+
flex: 1,
|
|
48
|
+
} })), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("timeline_dot"), width: 16 })] }, item)); }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1 }), children: [(0, jsx_runtime_1.jsx)(FeeDetail, { feeName: "Fee 1", value: 1000 }), (0, jsx_runtime_1.jsx)(FeeDetail, { feeName: "Fee 2", value: 1000 }), (0, jsx_runtime_1.jsx)(FeeDetail, { feeName: "Fee 3", value: 1000 })] })] }) })] })));
|
|
38
49
|
}
|
|
39
50
|
exports.default = Fees;
|