metadata-based-explorer1/es/components/avatar/AvatarInitials.js

Box UI Elements

import React from 'react';
import { bdlLightBlue, bdlBoxBlue, bdlSecondaryBlue, bdlGray62, bdlGreenLight, bdlYellorange, bdlGrimace, bdlPurpleRain, bdlWatermelonRed } from '../../styles/variables';
var AVATAR_COLORS = [bdlLightBlue, bdlBoxBlue, bdlSecondaryBlue, bdlGray62, bdlGreenLight, bdlYellorange, bdlGrimace, bdlPurpleRain, bdlWatermelonRed];

var getInitials = function getInitials(name) {
  var firstInitial = name.slice(0, 1);
  var lastInitial = name.slice(name.lastIndexOf(' ') + 1, name.lastIndexOf(' ') + 2);
  return (firstInitial + lastInitial).toUpperCase();
};

var AvatarInitials = function AvatarInitials(_ref) {
  var _ref$className = _ref.className,
      className = _ref$className === void 0 ? '' : _ref$className,
      id = _ref.id,
      name = _ref.name;
  var avatarColorSelector = parseInt(id, 10) || 0;
  var backgroundColor = AVATAR_COLORS[avatarColorSelector % AVATAR_COLORS.length];
  return React.createElement("span", {
    className: "avatar-initials ".concat(className),
    style: {
      backgroundColor: backgroundColor
    }
  }, getInitials(name));
};

export default AvatarInitials;