@stokr/components-library
Version:
STOKR - Components Library
53 lines (52 loc) • 2.38 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.CryptoAddressDetails = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Button = _interopRequireDefault(require("../Button/Button.styles"));
var _CryptoAddressDetails = require("./CryptoAddressDetails.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const CryptoAddressDetails = _ref => {
let {
data
} = _ref;
return /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Container, null, /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Row, {
head: true
}, /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Column, {
tokens: true
}, "Tokens"), /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Column, {
balance: true
}, "Balance"), /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Column, {
transfer: true
})), data.map(datum => /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Row, {
key: datum.id
}, /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Column, {
tokens: true,
nameBox: true
}, /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Avatar, null, /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.AvatarImg, {
src: datum.avatar,
alt: "avatar"
})), /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Name, null, datum.name)), /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Column, {
balance: true,
balanceText: true
}, datum.balance), /*#__PURE__*/_react.default.createElement(_CryptoAddressDetails.Column, {
transfer: true
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
outline: true,
fluid: true,
onClick: datum.transferClick
}, "Transfer")))));
};
exports.CryptoAddressDetails = CryptoAddressDetails;
CryptoAddressDetails.propTypes = {
data: _propTypes.default.arrayOf(_propTypes.default.shape({
id: _propTypes.default.number,
avatar: _propTypes.default.string,
name: _propTypes.default.string,
balance: _propTypes.default.string,
transferClick: _propTypes.default.func
})).isRequired
};
var _default = exports.default = CryptoAddressDetails;