design-system-simplefi
Version:
Design System for SimpleFi Applications
43 lines • 2.66 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import React from 'react';
import styled from 'styled-components';
import { Inline, Padbox, Stack } from '../../layout';
import { Heading, Text } from '../../typography';
import { SettingSelector } from '../../SettingSelector';
import { getColor } from '../../../utils';
var TextSt = styled(Text)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n margin: auto;\n font-size: 16px;\n text-transform: capitalize;\n"], ["\n color: ", ";\n margin: auto;\n font-size: 16px;\n text-transform: capitalize;\n"])), getColor('midPurple'));
var Settings = function (_a) {
var currentCurrency = _a.currentCurrency, currencyList = _a.currencyList,
// eslint-disable-next-line
_b = _a.currenctTheme,
// eslint-disable-next-line
currenctTheme = _b === void 0 ? 'light' : _b, _c = _a.transactions, transactions = _c === void 0 ? [] : _c, _d = _a.network, network = _d === void 0 ? 'mainnet' : _d;
var displayedTransactions = transactions
// eslint-disable-next-line
.sort(function (a, b) { return parseInt(a.timestamp) - parseInt(b.timestamp); })
.slice(0, 5);
var dispTransactions = displayedTransactions.map(function (transaction) {
return (
// eslint-disable-next-line
React.createElement(Inline, { justify: "space-between", key: transaction.hash },
React.createElement(Text, { size: "lg" }, transaction.hash),
React.createElement(Text, { size: "lg" }, transaction.value)));
});
return (React.createElement(Padbox, { paddingSize: "xs", paddingType: "square" },
React.createElement(Stack, { gap: "md" },
React.createElement(Inline, { justify: "space-between" },
React.createElement(Text, { size: "lg", variant: "primary" }, "Current Network:"),
React.createElement(TextSt, { size: "lg", isBold: true }, network)),
React.createElement(SettingSelector, { selected: currentCurrency, selectionList: currencyList, title: "Show value in", onSelect: function () { } }),
React.createElement(Heading, { size: "h3", style: {
fontSize: '14px',
color: "" + getColor('midPurple'),
} }, "Recent Activity:"),
React.createElement(Stack, { gap: "sm" }, dispTransactions))));
};
export default Settings;
var templateObject_1;
//# sourceMappingURL=SettingsAccount.js.map