stream-chat-react-native-core/lib/module/components/Message/MessageItemView/MessageRepliesAvatars.js

The official React Native and Expo components for Stream Chat, a service for building chat applications

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MessageRepliesAvatarsWithContext = exports.MessageRepliesAvatars = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _MessageContext = require("../../../contexts/messageContext/MessageContext");
var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
var _AvatarStack = require("../../ui/Avatar/AvatarStack");
var _jsxRuntime = require("react/jsx-runtime");
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageItemView/MessageRepliesAvatars.tsx";
var MessageRepliesAvatarsWithContext = props => {
  var message = props.message;
  var _useTheme = (0, _ThemeContext.useTheme)(),
    avatarStackContainer = _useTheme.theme.messageItemView.replies.avatarStackContainer;
  var avatars = (message == null ? void 0 : message.thread_participants) || [];
  return (0, _jsxRuntime.jsx)(_reactNative.View, {
    accessibilityElementsHidden: true,
    importantForAccessibility: "no-hide-descendants",
    style: avatarStackContainer,
    children: (0, _jsxRuntime.jsx)(_AvatarStack.UserAvatarStack, {
      users: avatars,
      avatarSize: "sm",
      maxVisible: 3,
      overlap: 0.4
    })
  });
};
exports.MessageRepliesAvatarsWithContext = MessageRepliesAvatarsWithContext;
var MessageRepliesAvatars = props => {
  var _useMessageContext = (0, _MessageContext.useMessageContext)(),
    message = _useMessageContext.message;
  return (0, _jsxRuntime.jsx)(MessageRepliesAvatarsWithContext, {
    message: message,
    ...props
  });
};
exports.MessageRepliesAvatars = MessageRepliesAvatars;
//# sourceMappingURL=MessageRepliesAvatars.js.map