// Message bubble with non-payload content, such as an indicator of deleted content or a date stamp.

import React from 'react';

export default class MetaMessage extends React.PureComponent {
  constructor(props) {
    super(props);
  }

  render() {
    let content = null;
    let bubbleClass = 'bubble';
    if (this.props.date) {
      // A date badge.
      content = <>{this.props.date}</>
      bubbleClass += ' date';
    } else if (this.props.deleted) {
      // 撤回/删除占位。messages-view.jsx 对 msg.hi 的消息一直在传 deleted={true}，但这里从来
      // 没有处理过这个分支，于是整个组件走到下面的 `return null` —— 撤回一条消息之后时间线上
      // 什么都不剩，看不出这里曾经有过一条消息。文案复用已有的 message_deleted（"消息已删除"）。
      content = <i className="gray">{this.props.deletedText || '消息已删除'}</i>;
      bubbleClass += ' deleted';
    }

    if (!content) {
      return <>{null}</>
    }

    return (
      <li className="meta">
        <div className={bubbleClass}>
          <div className="message-content">
            {content}
          </div>
        </div>
      </li>
    );
  }
};