feat(channel-web): add support for audio and video display (#4989)

Co-authored-by: Samuel Massé <59894025+samuelmasse@users.noreply.github.com>
botpress · May 10, 2021 · 6453637 · 6453637
1 parent dfffc7d
commit 6453637
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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} />
   }