@uimkit/uikit-react/dist/cjs/components/UIGroupPreview/UIGroupPreview.js

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

'use strict';

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

var tslib = require('tslib');
var React = require('react');
require('../../types/models.js');
require('../../types/events.js');
require('../Icon/type.js');
require('../Icon/config.js');
var UIGroupPreviewContent = require('./UIGroupPreviewContent.js');
var utils = require('./utils.js');

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

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

function UIGroupPreview(props) {
    var activeGroup = props.activeGroup, setActiveGroup = props.setActiveGroup, group = props.group, _a = props.Preview, Preview = _a === void 0 ? UIGroupPreviewContent.UIGroupPreviewContent : _a, searchValue = props.searchValue;
    var _b = React.useState(group === null || group === void 0 ? void 0 : group.avatar), displayImage = _b[0], setDisplayImage = _b[1];
    var _c = React.useState(utils.getDisplayTitle(group, searchValue)), displayTitle = _c[0], setDisplayTitle = _c[1];
    var isActive = (activeGroup === null || activeGroup === void 0 ? void 0 : activeGroup.id) === (group === null || group === void 0 ? void 0 : group.id);
    if (!Preview)
        return null;
    React.useEffect(function () {
        setDisplayTitle(utils.getDisplayTitle(group, searchValue));
        setDisplayImage(utils.getDisplayImage(group));
    }, [group, searchValue]);
    return (React__default["default"].createElement(Preview, tslib.__assign({}, props, { active: isActive, displayImage: displayImage, displayTitle: displayTitle, setActiveGroup: setActiveGroup })));
}

exports.UIGroupPreview = UIGroupPreview;
//# sourceMappingURL=UIGroupPreview.js.map