@uimkit/uikit-react/dist/cjs/components/UIContactPreview/utils.js

<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
require('../../types/models.js');
require('../../types/events.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

var getDisplayTitle = function (contact, searchValue, highlightColor) {
    if (highlightColor === void 0) { highlightColor = '#147AFF'; }
    /*
    const {
      name, nick, groupID, userID,
    } = getMessageProfile(conversation);
    */
    var nickname = contact.nickname;
    var title = nickname;
    var handleTitle = function (str) {
        var tempStr = str.toLocaleLowerCase();
        var pos = tempStr.indexOf(searchValue.toLocaleLowerCase());
        return (React__default["default"].createElement("div", null,
            React__default["default"].createElement("span", null, str.slice(0, pos)),
            React__default["default"].createElement("span", { style: { color: highlightColor } }, str.slice(pos, pos + searchValue.length)),
            React__default["default"].createElement("span", null, str.slice(pos + searchValue.length))));
    };
    return !searchValue ? title : handleTitle(title);
};

exports.getDisplayTitle = getDisplayTitle;
//# sourceMappingURL=utils.js.map