Add react-helmet to put video titlte in title tag when watching it

app/components/App/index.jsx

@@ -1,6 +1,7 @@
 import React from "react"
 import { connect } from "react-redux"
 import { I18nextProvider } from 'react-i18next'
+import { Helmet } from 'react-helmet'
 
 import i18n from '../../i18n/i18n'
 import { FlashMessages } from "../Utils"
@@ -20,6 +21,9 @@ export default class App extends React.PureComponent {
     return (
       <I18nextProvider i18n={i18n}>
         <div lang={this.props.locale}>
+          <Helmet>
+            <title>CaptainFact</title>
+          </Helmet>
           <MainModalContainer/>
           <div className="columns is-mobile is-gapless">
             <Sidebar className="column is-narrow"/>

app/components/VideoDebate/index.jsx

@@ -1,6 +1,7 @@
 import React from "react"
 import { connect } from "react-redux"
 import { translate } from 'react-i18next'
+import { Helmet } from 'react-helmet'
 
 import { ErrorView } from "../Utils"
 import { isAuthenticated } from "../../state/users/current_user/selectors"
@@ -14,6 +15,8 @@ import { ColumnDebate } from './ColumnDebate'
 
 @connect(state => ({
   videoErrors: state.VideoDebate.video.errors,
+  isLoading: state.VideoDebate.video.isLoading,
+  videoTitle: state.VideoDebate.video.data.title,
   authenticated: isAuthenticated(state),
 }), {
   joinVideoDebateChannel, joinCommentsChannel, joinStatementsChannel,
@@ -44,6 +47,9 @@ export class VideoDebate extends React.PureComponent {
       return <ErrorView error={this.props.videoErrors}/>
     return (
       <div id="video-show" className="columns is-gapless">
+        <Helmet>
+          {!this.props.isLoading && <title>{this.props.videoTitle}</title>}
+        </Helmet>
         <ColumnVideo view={this.props.route.view}/>
         <ColumnDebate view={this.props.route.view} videoId={this.props.params.videoId}/>
       </div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "captain-fact-frontend",
-  "version": "0.8.4",
+  "version": "0.8.5",
   "private": true,
   "scripts": {
     "start": "brunch watch --server",
@@ -43,9 +43,10 @@
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "react-flip-move": "^3.0.1",
+    "react-helmet": "^5.2.0",
     "react-i18next": "^7.4.0",
     "react-markdown": "^3.2.2",
-    "react-player": "^1.2.1",
+    "react-player": "0.25.3",
     "react-redux": "^5.0.7",
     "react-router": "^3.0.1",
     "react-select": "^1.2.1",