From e1952ca1462bf2051019357baf2885442c890f6c Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Fri, 31 Aug 2018 15:15:05 -0300
Subject: [PATCH] [FIX] Open unsupported videos on browser (#422)
---
app/containers/message/Video.js | 14 +++++++++-----
1 file changed, 9 insertions(+), 5 deletions(-)
diff --git a/app/containers/message/Video.js b/app/containers/message/Video.js
index 237f5e38b..4476cc0c4 100644
--- a/app/containers/message/Video.js
+++ b/app/containers/message/Video.js
@@ -40,6 +40,12 @@ export default class Video extends React.PureComponent {
state = { isVisible: false };
+ get uri() {
+ const { video_url } = this.props.file;
+ const { baseUrl, user } = this.props;
+ return `${ baseUrl }${ video_url }?rc_uid=${ user.id }&rc_token=${ user.token }`;
+ }
+
toggleModal() {
this.setState({
isVisible: !this.state.isVisible
@@ -50,14 +56,12 @@ export default class Video extends React.PureComponent {
if (isTypeSupported(this.props.file.video_type)) {
return this.toggleModal();
}
- openLink(this.state.uri);
+ openLink(this.uri);
}
render() {
const { isVisible } = this.state;
- const { video_url, description } = this.props.file;
- const { baseUrl, user } = this.props;
- const uri = `${ baseUrl }${ video_url }?rc_uid=${ user.id }&rc_token=${ user.token }`;
+ const { description } = this.props.file;
return (
[
<TouchableOpacity
@@ -79,7 +83,7 @@ export default class Video extends React.PureComponent {
onBackButtonPress={() => this.toggleModal()}
>
<VideoPlayer
- source={{ uri }}
+ source={{ uri: this.uri }}
onBack={() => this.toggleModal()}
disableVolume
/>
--
GitLab