Some formatting for video call messages.

2022-04-20 00:08:19 -07:00
parent 0e92ace6f4
commit 517f457182
1 changed files with 5 additions and 0 deletions
@@ -146,6 +146,11 @@ class BaseChatMessage extends React.PureComponent {
        <FormattedMessage id="deleted_content"
          defaultMessage="content deleted" description="Shown when messages are deleted" />
      </i></>
+    } else if (this.props.mimeType == "application/tinode-video-call") {
+      // Video calls.
+      const direction = this.props.response ? "call_received" : "call_made";
+      const text = this.props.response ? "Incoming Call" : "Outgoing Call";
+      content = <><i className="material-icons" style={{color:this.props.content == "disconnected" ? "red" : "green"}}>{direction}</i>{text}</>
    } else if (typeof content != 'string') {
      content = <><i className="material-icons gray">warning_amber</i> <i className="gray">
        <FormattedMessage id="invalid_content"