matrix-react-sdk/lib/components/views/groups/GroupMemberTile.js

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var sdk = _interopRequireWildcard(require("../../../index"));

var _dispatcher = _interopRequireDefault(require("../../../dispatcher/dispatcher"));

var _groups = require("../../../groups");

var _MatrixClientContext = _interopRequireDefault(require("../../../contexts/MatrixClientContext"));

var _replaceableComponent = require("../../../utils/replaceableComponent");

var _Media = require("../../../customisations/Media");

var _dec, _class, _class2, _temp;

let GroupMemberTile = (_dec = (0, _replaceableComponent.replaceableComponent)("views.groups.GroupMemberTile"), _dec(_class = (_temp = _class2 = class GroupMemberTile extends _react.default.Component {
  constructor(...args) {
    super(...args);
    (0, _defineProperty2.default)(this, "onClick", e => {
      _dispatcher.default.dispatch({
        action: 'view_group_user',
        member: this.props.member,
        groupId: this.props.groupId
      });
    });
  }

  render() {
    const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
    const EntityTile = sdk.getComponent('rooms.EntityTile');
    const name = this.props.member.displayname || this.props.member.userId;
    const avatarUrl = this.props.member.avatarUrl ? (0, _Media.mediaFromMxc)(this.props.member.avatarUrl).getSquareThumbnailHttp(36) : null;

    const av = /*#__PURE__*/_react.default.createElement(BaseAvatar, {
      "aria-hidden": "true",
      name: this.props.member.displayname || this.props.member.userId,
      idName: this.props.member.userId,
      width: 36,
      height: 36,
      url: avatarUrl
    });

    return /*#__PURE__*/_react.default.createElement(EntityTile, {
      name: name,
      avatarJsx: av,
      onClick: this.onClick,
      suppressOnHover: true,
      presenceState: "online",
      powerStatus: this.props.member.isPrivileged ? EntityTile.POWER_STATUS_ADMIN : null
    });
  }

}, (0, _defineProperty2.default)(_class2, "propTypes", {
  groupId: _propTypes.default.string.isRequired,
  member: _groups.GroupMemberType.isRequired
}), (0, _defineProperty2.default)(_class2, "contextType", _MatrixClientContext.default), _temp)) || _class);
exports.default = GroupMemberTile;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL2dyb3Vwcy9Hcm91cE1lbWJlclRpbGUuanMiXSwibmFtZXMiOlsiR3JvdXBNZW1iZXJUaWxlIiwiUmVhY3QiLCJDb21wb25lbnQiLCJlIiwiZGlzIiwiZGlzcGF0Y2giLCJhY3Rpb24iLCJtZW1iZXIiLCJwcm9wcyIsImdyb3VwSWQiLCJyZW5kZXIiLCJCYXNlQXZhdGFyIiwic2RrIiwiZ2V0Q29tcG9uZW50IiwiRW50aXR5VGlsZSIsIm5hbWUiLCJkaXNwbGF5bmFtZSIsInVzZXJJZCIsImF2YXRhclVybCIsImdldFNxdWFyZVRodW1ibmFpbEh0dHAiLCJhdiIsIm9uQ2xpY2siLCJpc1ByaXZpbGVnZWQiLCJQT1dFUl9TVEFUVVNfQURNSU4iLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiR3JvdXBNZW1iZXJUeXBlIiwiTWF0cml4Q2xpZW50Q29udGV4dCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQWtCQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztJQUdxQkEsZSxXQURwQixnREFBcUIsOEJBQXJCLEMsbUNBQUQsTUFDcUJBLGVBRHJCLFNBQzZDQyxlQUFNQyxTQURuRCxDQUM2RDtBQUFBO0FBQUE7QUFBQSxtREFRL0NDLENBQUMsSUFBSTtBQUNYQywwQkFBSUMsUUFBSixDQUFhO0FBQ1RDLFFBQUFBLE1BQU0sRUFBRSxpQkFEQztBQUVUQyxRQUFBQSxNQUFNLEVBQUUsS0FBS0MsS0FBTCxDQUFXRCxNQUZWO0FBR1RFLFFBQUFBLE9BQU8sRUFBRSxLQUFLRCxLQUFMLENBQVdDO0FBSFgsT0FBYjtBQUtILEtBZHdEO0FBQUE7O0FBZ0J6REMsRUFBQUEsTUFBTSxHQUFHO0FBQ0wsVUFBTUMsVUFBVSxHQUFHQyxHQUFHLENBQUNDLFlBQUosQ0FBaUIsb0JBQWpCLENBQW5CO0FBQ0EsVUFBTUMsVUFBVSxHQUFHRixHQUFHLENBQUNDLFlBQUosQ0FBaUIsa0JBQWpCLENBQW5CO0FBRUEsVUFBTUUsSUFBSSxHQUFHLEtBQUtQLEtBQUwsQ0FBV0QsTUFBWCxDQUFrQlMsV0FBbEIsSUFBaUMsS0FBS1IsS0FBTCxDQUFXRCxNQUFYLENBQWtCVSxNQUFoRTtBQUNBLFVBQU1DLFNBQVMsR0FBRyxLQUFLVixLQUFMLENBQVdELE1BQVgsQ0FBa0JXLFNBQWxCLEdBQ1oseUJBQWEsS0FBS1YsS0FBTCxDQUFXRCxNQUFYLENBQWtCVyxTQUEvQixFQUEwQ0Msc0JBQTFDLENBQWlFLEVBQWpFLENBRFksR0FFWixJQUZOOztBQUlBLFVBQU1DLEVBQUUsZ0JBQ0osNkJBQUMsVUFBRDtBQUNJLHFCQUFZLE1BRGhCO0FBRUksTUFBQSxJQUFJLEVBQUUsS0FBS1osS0FBTCxDQUFXRCxNQUFYLENBQWtCUyxXQUFsQixJQUFpQyxLQUFLUixLQUFMLENBQVdELE1BQVgsQ0FBa0JVLE1BRjdEO0FBR0ksTUFBQSxNQUFNLEVBQUUsS0FBS1QsS0FBTCxDQUFXRCxNQUFYLENBQWtCVSxNQUg5QjtBQUlJLE1BQUEsS0FBSyxFQUFFLEVBSlg7QUFJZSxNQUFBLE1BQU0sRUFBRSxFQUp2QjtBQUtJLE1BQUEsR0FBRyxFQUFFQztBQUxULE1BREo7O0FBVUEsd0JBQ0ksNkJBQUMsVUFBRDtBQUFZLE1BQUEsSUFBSSxFQUFFSCxJQUFsQjtBQUF3QixNQUFBLFNBQVMsRUFBRUssRUFBbkM7QUFBdUMsTUFBQSxPQUFPLEVBQUUsS0FBS0MsT0FBckQ7QUFDSSxNQUFBLGVBQWUsRUFBRSxJQURyQjtBQUMyQixNQUFBLGFBQWEsRUFBQyxRQUR6QztBQUVJLE1BQUEsV0FBVyxFQUFFLEtBQUtiLEtBQUwsQ0FBV0QsTUFBWCxDQUFrQmUsWUFBbEIsR0FBaUNSLFVBQVUsQ0FBQ1Msa0JBQTVDLEdBQWlFO0FBRmxGLE1BREo7QUFNSDs7QUF6Q3dELEMsc0RBQ3RDO0FBQ2ZkLEVBQUFBLE9BQU8sRUFBRWUsbUJBQVVDLE1BQVYsQ0FBaUJDLFVBRFg7QUFFZm5CLEVBQUFBLE1BQU0sRUFBRW9CLHdCQUFnQkQ7QUFGVCxDLHlEQUtFRSw0QiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAxNyBWZWN0b3IgQ3JlYXRpb25zIEx0ZFxuQ29weXJpZ2h0IDIwMTcgTmV3IFZlY3RvciBMdGRcbkNvcHlyaWdodCAyMDE5IE1pY2hhZWwgVGVsYXR5bnNraSA8N3QzY2hndXlAZ21haWwuY29tPlxuXG5MaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xueW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG5cbiAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcblxuVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG5TZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG5saW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0ICogYXMgc2RrIGZyb20gJy4uLy4uLy4uL2luZGV4JztcbmltcG9ydCBkaXMgZnJvbSAnLi4vLi4vLi4vZGlzcGF0Y2hlci9kaXNwYXRjaGVyJztcbmltcG9ydCB7IEdyb3VwTWVtYmVyVHlwZSB9IGZyb20gJy4uLy4uLy4uL2dyb3Vwcyc7XG5pbXBvcnQgTWF0cml4Q2xpZW50Q29udGV4dCBmcm9tIFwiLi4vLi4vLi4vY29udGV4dHMvTWF0cml4Q2xpZW50Q29udGV4dFwiO1xuaW1wb3J0IHtyZXBsYWNlYWJsZUNvbXBvbmVudH0gZnJvbSBcIi4uLy4uLy4uL3V0aWxzL3JlcGxhY2VhYmxlQ29tcG9uZW50XCI7XG5pbXBvcnQge21lZGlhRnJvbU14Y30gZnJvbSBcIi4uLy4uLy4uL2N1c3RvbWlzYXRpb25zL01lZGlhXCI7XG5cbkByZXBsYWNlYWJsZUNvbXBvbmVudChcInZpZXdzLmdyb3Vwcy5Hcm91cE1lbWJlclRpbGVcIilcbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEdyb3VwTWVtYmVyVGlsZSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gICAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICAgICAgZ3JvdXBJZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBtZW1iZXI6IEdyb3VwTWVtYmVyVHlwZS5pc1JlcXVpcmVkLFxuICAgIH07XG5cbiAgICBzdGF0aWMgY29udGV4dFR5cGUgPSBNYXRyaXhDbGllbnRDb250ZXh0O1xuXG4gICAgb25DbGljayA9IGUgPT4ge1xuICAgICAgICBkaXMuZGlzcGF0Y2goe1xuICAgICAgICAgICAgYWN0aW9uOiAndmlld19ncm91cF91c2VyJyxcbiAgICAgICAgICAgIG1lbWJlcjogdGhpcy5wcm9wcy5tZW1iZXIsXG4gICAgICAgICAgICBncm91cElkOiB0aGlzLnByb3BzLmdyb3VwSWQsXG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IEJhc2VBdmF0YXIgPSBzZGsuZ2V0Q29tcG9uZW50KCdhdmF0YXJzLkJhc2VBdmF0YXInKTtcbiAgICAgICAgY29uc3QgRW50aXR5VGlsZSA9IHNkay5nZXRDb21wb25lbnQoJ3Jvb21zLkVudGl0eVRpbGUnKTtcblxuICAgICAgICBjb25zdCBuYW1lID0gdGhpcy5wcm9wcy5tZW1iZXIuZGlzcGxheW5hbWUgfHwgdGhpcy5wcm9wcy5tZW1iZXIudXNlcklkO1xuICAgICAgICBjb25zdCBhdmF0YXJVcmwgPSB0aGlzLnByb3BzLm1lbWJlci5hdmF0YXJVcmxcbiAgICAgICAgICAgID8gbWVkaWFGcm9tTXhjKHRoaXMucHJvcHMubWVtYmVyLmF2YXRhclVybCkuZ2V0U3F1YXJlVGh1bWJuYWlsSHR0cCgzNilcbiAgICAgICAgICAgIDogbnVsbDtcblxuICAgICAgICBjb25zdCBhdiA9IChcbiAgICAgICAgICAgIDxCYXNlQXZhdGFyXG4gICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBuYW1lPXt0aGlzLnByb3BzLm1lbWJlci5kaXNwbGF5bmFtZSB8fCB0aGlzLnByb3BzLm1lbWJlci51c2VySWR9XG4gICAgICAgICAgICAgICAgaWROYW1lPXt0aGlzLnByb3BzLm1lbWJlci51c2VySWR9XG4gICAgICAgICAgICAgICAgd2lkdGg9ezM2fSBoZWlnaHQ9ezM2fVxuICAgICAgICAgICAgICAgIHVybD17YXZhdGFyVXJsfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEVudGl0eVRpbGUgbmFtZT17bmFtZX0gYXZhdGFySnN4PXthdn0gb25DbGljaz17dGhpcy5vbkNsaWNrfVxuICAgICAgICAgICAgICAgIHN1cHByZXNzT25Ib3Zlcj17dHJ1ZX0gcHJlc2VuY2VTdGF0ZT1cIm9ubGluZVwiXG4gICAgICAgICAgICAgICAgcG93ZXJTdGF0dXM9e3RoaXMucHJvcHMubWVtYmVyLmlzUHJpdmlsZWdlZCA/IEVudGl0eVRpbGUuUE9XRVJfU1RBVFVTX0FETUlOIDogbnVsbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfVxufVxuIl19