agsola-react-ens-address/dist/Blockies.js

React ENS address component

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.SingleNameBlockies = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("react"));
var _blockies = _interopRequireDefault(require("./utils/blockies"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styled = _interopRequireDefault(require("@emotion/styled"));
var _templateObject, _templateObject2;
var BlockiesContainer = (0, _styled["default"])('span')(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
var Blockies = function Blockies(_ref) {
  var address = _ref.address,
    _ref$imageSize = _ref.imageSize,
    imageSize = _ref$imageSize === void 0 ? 42 : _ref$imageSize,
    className = _ref.className,
    avatarURL = _ref.avatarURL;
  var imgURL;
  if (avatarURL) {
    imgURL = avatarURL;
    // console.log("nuevo avatar ", imgURL);
  } else {
    imgURL = (0, _blockies["default"])({
      seed: address.toLowerCase(),
      size: 8,
      scale: 5
    }).toDataURL();
  }
  var style = {
    backgroundImage: 'url(' + imgURL + ')',
    backgroundSize: 'cover',
    width: imageSize + 'px',
    height: imageSize + 'px',
    display: 'inline-block'
  };
  return /*#__PURE__*/_react["default"].createElement(BlockiesContainer, {
    className: className,
    style: style
  });
};
Blockies.propTypes = {
  address: _propTypes["default"].string.isRequired,
  imageSize: _propTypes["default"].number,
  className: _propTypes["default"].string
};
var _default = Blockies;
exports["default"] = _default;
var SingleNameBlockies = (0, _styled["default"])(Blockies)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 10px;\n  border-radius: 50%;\n  box-shadow: 2px 2px 9px 0 #e1e1e1;\n  flex-shrink: 0;\n"])));
exports.SingleNameBlockies = SingleNameBlockies;