From 64536371a810b280acbd461c07e575dbb9982ca3 Mon Sep 17 00:00:00 2001
From: Laurent Leclerc Poulin <laurentlp@users.noreply.github.com>
Date: Mon, 10 May 2021 19:28:38 -0400
Subject: [PATCH] feat(channel-web): add support for audio and video display
 (#4989)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Samuel Massé <59894025+samuelmasse@users.noreply.github.com>
---
 modules/channel-web/src/backend/socket.ts                 | 4 ++--
 .../src/views/lite/components/messages/Message.tsx        | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/modules/channel-web/src/backend/socket.ts b/modules/channel-web/src/backend/socket.ts
index 6bacaba1b06..6dabada2836 100755
--- a/modules/channel-web/src/backend/socket.ts
+++ b/modules/channel-web/src/backend/socket.ts
@@ -4,7 +4,7 @@ import path from 'path'
 
 import Database from './db'
 
-const outgoingTypes = ['text', 'typing', 'login_prompt', 'file', 'carousel', 'custom', 'data']
+const outgoingTypes = ['text', 'typing', 'login_prompt', 'file', 'carousel', 'custom', 'data', 'video', 'audio']
 
 export default async (bp: typeof sdk, db: Database) => {
   const config: any = {} // FIXME
@@ -34,7 +34,7 @@ export default async (bp: typeof sdk, db: Database) => {
       return next(undefined, true)
     }
 
-    const standardTypes = ['text', 'carousel', 'custom', 'file', 'login_prompt']
+    const standardTypes = ['text', 'carousel', 'custom', 'file', 'login_prompt', 'video', 'audio']
 
     if (!event.payload.type) {
       event.payload.type = messageType
diff --git a/modules/channel-web/src/views/lite/components/messages/Message.tsx b/modules/channel-web/src/views/lite/components/messages/Message.tsx
index 2bb559605ff..b3907fa81ed 100644
--- a/modules/channel-web/src/views/lite/components/messages/Message.tsx
+++ b/modules/channel-web/src/views/lite/components/messages/Message.tsx
@@ -63,6 +63,14 @@ class Message extends Component<MessageProps> {
     )
   }
 
+  render_audio() {
+    return <FileMessage file={this.props.payload} escapeTextHTML={this.props.store.escapeHTML} />
+  }
+
+  render_video() {
+    return <FileMessage file={this.props.payload} escapeTextHTML={this.props.store.escapeHTML} />
+  }
+
   render_file() {
     return <FileMessage file={this.props.payload} escapeTextHTML={this.props.store.escapeHTML} />
   }