From 517f4571826828f222997a1761eeb0cda225fbc3 Mon Sep 17 00:00:00 2001
From: aforge <aforge@>
Date: Wed, 20 Apr 2022 00:08:19 -0700
Subject: [PATCH] Some formatting for video call messages.

---
 src/widgets/chat-message.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/widgets/chat-message.jsx b/src/widgets/chat-message.jsx
index bc85709f..51904a32 100644
--- a/src/widgets/chat-message.jsx
+++ b/src/widgets/chat-message.jsx
@@ -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"