Version V2.6.2

Referencement player
Optimisation referencement + geoloc
2021-02-10 15:15:21 +01:00 · 2021-02-10 15:03:31 +01:00 · 2021-02-08 09:14:31 +01:00 · 2021-02-02 08:37:21 +01:00 · 2021-02-02 08:37:05 +01:00 · 2021-02-01 22:38:27 +01:00
57 changed files with 2561 additions and 571 deletions
@@ -5,9 +5,6 @@ import {
    UPLOAD_MEDIA_PRES_REQUEST,
    UPLOAD_MEDIA_PRES_FAILURE,
    UPLOAD_MEDIA_PRES_SUCCESS,
-    UPLOAD_MEDIA_CV_REQUEST,
-    UPLOAD_MEDIA_CV_FAILURE,
-    UPLOAD_MEDIA_CV_SUCCESS,
  
  } from "../types";
  
@@ -41,19 +38,6 @@ import {
    res
  });

-  export const uploadMediaCv = payload => ({
-    type: UPLOAD_MEDIA_CV_REQUEST,
-    payload
-  });
-  
-  export const uploadMediaCvFailure = errors => ({
-    type: UPLOAD_MEDIA_CV_FAILURE,
-    errors
-  });
-  
-  export const uploadMediaCvSuccess = res => ({
-    type: UPLOAD_MEDIA_CV_SUCCESS,
-    res
-  });
+
  

@@ -0,0 +1,25 @@
+import {
+    UPLOAD_MEDIA_CV_REQUEST,
+    UPLOAD_MEDIA_CV_FAILURE,
+    UPLOAD_MEDIA_CV_SUCCESS,
+  
+  } from "../types";
+  
+
+
+  export const uploadMediaCv = payload => ({
+    type: UPLOAD_MEDIA_CV_REQUEST,
+    payload
+  });
+  
+  export const uploadMediaCvFailure = errors => ({
+    type: UPLOAD_MEDIA_CV_FAILURE,
+    errors
+  });
+  
+  export const uploadMediaCvSuccess = res => ({
+    type: UPLOAD_MEDIA_CV_SUCCESS,
+    res
+  });
+  
+
@@ -10,6 +10,7 @@ import Business from '@material-ui/icons/Business';
 import Typography from '@material-ui/core/Typography';
 import WatchLater from '@material-ui/icons/WatchLater';
 import Home from '@material-ui/icons/Home';
+import People from '@material-ui/icons/People';

 const variantIcon = {
  assignment: AssignmentIcon,
@@ -19,6 +20,7 @@ const variantIcon = {
  business: Business,
  watch_later: WatchLater,
  home: Home,
+  people: People,
 };

 const styles = theme => ({
@@ -7,6 +7,7 @@ import LocationOnIcon from '@material-ui/icons/LocationOn';
 import HomeOnIcon from '@material-ui/icons/Home';
 import WatchLater from '@material-ui/icons/WatchLater';
 import BusinessCenterIcon from '@material-ui/icons/BusinessCenter';
+import People from '@material-ui/icons/People';
 import Typography from '@material-ui/core/Typography';
 import Business from '@material-ui/icons/Business';

@@ -18,6 +19,7 @@ const variantIcon = {
  watch_later: WatchLater,
  business_center: BusinessCenterIcon,
  business: Business,
+  people: People,
 };

 const styles = theme => ({
@@ -8,7 +8,7 @@ const styles = theme => ({
        padding: theme.spacing(0, 4),
    },
    text: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1,2em',
        fontWeight: '500',
        color: theme.palette.primary.main,
@@ -1,17 +1,18 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import Head from 'next/head'
- 
+
 const OgHead = props => {
    return (
        <Head>
            <title key="title">{props.seo_title}</title>
-            <meta name="robots" content="noindex, nofollow"></meta>
+            
            <meta name="description" kenoindexy="description" content={props.seo_description} />
            <meta name="keywords" content={props.seo_key}/>
            <meta key="og:url" property="og:url" content={props.seo_url} />
            <meta key="og:type" property="og:type" content="article" />
            <meta key="og:title" property="og:title" content={props.seo_title} />
+            <meta property="fb:app_id" content="1800752833559014" data-react-helmet="true"></meta>
            <meta
                key="og:description"
                property="og:description"
@@ -19,16 +20,18 @@ const OgHead = props => {
            />
            <meta name="keywords" content={props.seo_key}/>
            <meta key="og:image" property="og:image" content={props.image} />
+            <meta key="og:image:width" property="og:image:width" content="355" />
+            <meta key="og:image:height" property="og:image:height" content="200" />
            <meta name="twitter:card" content="summary"/>
            <meta name="twitter:site" content="@TalentsTube"/>
            <meta name="twitter:title" content={props.seo_title}/>
            <meta name="twitter:description" content={props.seo_description}/>
            <meta name="twitter:image" content={props.image}/>
+            <meta name="robots" content="noindex, nofollow"></meta>
            {/* <meta httpEquiv='cache-control' content='no-store,no-cache'></meta>
            <meta httpEquiv='expires' content='0'></meta>
            <meta httpEquiv='pragma' content='no-cache'></meta> */}
-            {/* <link rel="canonical" href={ props.seo_url} />     */}
-            
+            <link rel="canonical" href={ props.seo_url} />  
        </Head>
        
    )
@@ -24,8 +24,8 @@ const theme = createMuiTheme({
    },
    offerlistitem: {
      title: '#1E2327',
-      icon: '#BBBCBD',
-      text: '#787B7D',
+      icon: '#1E2327',
+      text: '#1E2327',
    },
    answer: {
      main: '#E8E8E8',
@@ -368,7 +368,7 @@ class AccountEtape1 extends Component {
                        className={classes.textField}
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
-                        value={this.state.currentJob  ? this.state.currentJob : ''}
+                        value={this.state.currentJob =='null' || this.state.currentJob ==''  ? '' :this.state.currentJob}
                        onChange={this.handleChange}
                        onBlur={this.onBlur} 
                    />
@@ -442,7 +442,7 @@ class AccountEtape1 extends Component {
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
                        placeholder="http://www.linkedin.com/in/"
-                        value={this.state.linkedin  ? this.state.linkedin : ''}
+                        value={this.state.linkedin =='null' || this.state.linkedin ==''  ? '' :this.state.linkedin}
                        onChange={this.handleChange}
                        onBlur={this.onBlur} 

@@ -456,7 +456,7 @@ class AccountEtape1 extends Component {
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
                        placeholder="http://twitter.com/.."
-                        value={this.state.twitter   ? this.state.twitter : ''}
+                        value={this.state.twitter =='null' || this.state.twitter ==''  ? '' :this.state.twitter}
                        onChange={this.handleChange}
                        onBlur={this.onBlur} 
                    />
@@ -469,7 +469,7 @@ class AccountEtape1 extends Component {
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
                        placeholder="http://monsite.fr"
-                        value={this.state.website ? this.state.website : ''}
+                        value={this.state.website =='null' || this.state.website ==''  ? '' :this.state.website}
                        onChange={this.handleChange}
                        onBlur={this.onBlur} 
                    />
@@ -210,7 +210,7 @@ class Etape2 extends React.Component {
            <section className={classes.container}>
                <Fragment>
                    {this.AfficherSuccess()}
-                    { loading ? <LoaderVideo/>  : <div></div> }
+                    { loading ? <LoaderVideo textePrincipal="Votre vidéo est en cours d’envoi..." texteSecondaire="Veuillez rester sur la page pendant le chargement qui peut durer plusieurs minutes."/>  : <div></div> }
                    
                    <div className={classes.root}>
                    <Hidden xsUp>
@@ -2,7 +2,7 @@ import React, { Fragment } from 'react';
 import { connect } from "react-redux";
 import { fetchCurrentUserRequest } from '../../actions/user'
 import { fetchCompanyRequest } from '../../actions/companies'
-import { uploadMediaCv } from '../../actions/media'
+import { uploadMediaCv } from '../../actions/mediaCv'
 import { withStyles } from '@material-ui/core/styles'
 import { makeStyles } from '@material-ui/styles';
 import { Button, Typography, Divider, Hidden } from '@material-ui/core';
@@ -191,7 +191,7 @@ class Etape3 extends React.Component {
    return (
      <Fragment>
      { loading ? 
-        <LoaderVideo /> :
+        <LoaderVideo textePrincipal="Votre candidature vidéo est en cours d’envoi..." texteSecondaire="Veuillez rester sur la page pendant le chargement qui peut durer plusieurs minutes."/> :
        <Fragment>
          {this.AfficherSuccess()}
          
@@ -246,7 +246,7 @@ function mapStateToProps(state) {
  // console.log(state.media.message)
  return {
    user: state.user ,
-    cvLink : state.media.message,
+    cvLink : state.mediaCv.message,
    loading: !!state.media.loading,
    cv : true,
    //errors:  errorMessageSelector(state),
@@ -21,7 +21,7 @@ import DialogActions from '@material-ui/core/DialogActions';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogContentText from '@material-ui/core/DialogContentText';
 import DialogTitle from '@material-ui/core/DialogTitle';
-import { uploadMediaCv } from '../../actions/media'
+import { uploadMediaCv } from '../../actions/mediaCv'
 import GetApp from '@material-ui/icons/GetApp';
 // import PlacesAutocomplete from 'react-places-autocomplete';
 // import {
@@ -31,6 +31,8 @@ import GetApp from '@material-ui/icons/GetApp';
 //   } from 'react-places-autocomplete';
 // import GoogleAutoComplete from 'react-google-autocomplete-address-fields';

+
+
 const styles = theme => ({
    container: {
        width: '100%',
@@ -126,6 +128,24 @@ const styles = theme => ({
    },
    player:{
        width:"100px"
+    },
+    labelGeoloc:{
+        paddingLeft:"14px",
+        fontSize: "0.8rem",
+        color:"#1E2327",
+        fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+        fontWeight: "400",
+        lineHeight: "1",
+        letterSpacing: "0.00938em",    }
+    ,conteneurGoogle:{
+        border:"1px solid rgb(200, 200, 200)",
+        borderRadius :"5px",
+        padding:"5px 0px",
+        
+
+    },
+    conteneurGoogleComposant:{
+        paddingLeft:"14px"
    }
    
 });
@@ -157,12 +177,25 @@ class Answer extends Component {
        this.onChange = this.onChange.bind(this);
         
    }
+
    state = {
        file: null,
        firstname: '',
        lastname: '',
        phone: '',
        currentJob: '',
+        geoloc: '',
+        value:'',
+        route: '',
+        street_number: '',
+        locality: '',
+        administrative_area_level_2: '',
+        administrative_area_level_1: '',
+        country: '',
+        postal_code: '',
+        formatted_address:"",
+        lat:"",
+        lng:"",
        linkedin: '',
        twitter: '',
        website: '',
@@ -181,13 +214,25 @@ class Answer extends Component {

    UNSAFE_componentWillReceiveProps(nextProps) {
        this.setState({
-            firstname: nextProps.user.firstname,
-            lastname: nextProps.user.lastname,
-            phone: nextProps.user.phone,
-            currentJob: nextProps.user.currentJob,
-            linkedin: nextProps.user.linkedin,
-            twitter: nextProps.user.twitter,
-            website: nextProps.user.website,
+            firstname: this.state.firstname,
+            lastname: this.state.lastname,
+            phone: this.state.phone,
+            currentJob: this.state.currentJob,
+            geoloc: this.state.geoloc,
+            value: this.state.value,
+            route: this.state.route,
+            street_number: this.state.street_number,
+            locality: this.state.locality,
+            administrative_area_level_2: this.state.administrative_area_level_2,
+            administrative_area_level_1: this.state.administrative_area_level_1,
+            country: this.state.country,
+            postal_code: this.state.postal_code,
+            formatted_address : this.state.formatted_address,
+            lat:this.state.lat,
+            lng: this.state.lng,
+            linkedin: this.state.linkedin,
+            twitter: this.state.twitter,
+            website: this.state.website,
            mediaId: nextProps.mediaId,
            mediaUrl: nextProps.mediaUrl,
            thumbnails: nextProps.thumbnails,
@@ -207,13 +252,25 @@ class Answer extends Component {
    }

    componentDidMount() {
-        console.log("ANSWER !!!!!!! !!!!!! !!!!!! ");
+        console.log("ANSWER ! ");
        console.log(this.props);
        this.setState({
            firstname: this.props.user.firstname,
            lastname: this.props.user.lastname,
            phone: this.props.user.phone,
            currentJob: this.props.user.currentJob,
+            value: this.props.user.geoloc && this.props.user.geoloc[0].formatted_address ? this.props.user.geoloc[0].formatted_address :"",
+            geoloc: this.props.user.geoloc && this.props.user.geoloc[0].formatted_address ? this.props.user.geoloc[0].formatted_address :"",
+            route: "",
+            street_number: "",
+            locality: "",
+            administrative_area_level_2: "",
+            administrative_area_level_1: "",
+            country: "",
+            postal_code: "",
+            formatted_address:"",
+            lat:"",
+            lng:"",
            linkedin: this.props.user.linkedin,
            twitter: this.props.user.twitter,
            website: this.props.user.website,
@@ -222,79 +279,80 @@ class Answer extends Component {
            thumbnails : this.props.thumbnails,
            heure : this.props.heure,
            loading: false,
-            cvLink: this.props.cvLink instanceof Object ? this.props.user.cv : this.props.cvLink
+            cvLink: this.props.user.cv

        })
+        console.log(this.state);
    }
    
-      inputFilesystemChange = (e) => {
-        this.uploadMediaCv(e)
-      }
-      
-      uploadMediaCv = (e) => {
-        var file = e.target.files[0]
+    inputFilesystemChange = (e) => {
+    this.uploadMediaCv(e)
+    }
    
-        const data = new FormData()
-        data.append('upload', file)
-    
-        this.props.uploadMediaCv(data)
-      }
-    
-      AfficherSuccess() {
+    uploadMediaCv = (e) => {
+    var file = e.target.files[0]
+
+    const data = new FormData()
+    data.append('upload', file)
+    this.props.uploadMediaCv(data)
+    }
+
+    AfficherSuccess() {
        if (!this.state.success || !this.state.success.message) {
            console.log("Erreur Upload CV");
            return "";
        } else if (this.state.success.length != 0 && this.state.success.message != "") {
            return (
-              <Snackbar open={open} autoHideDuration={1000} onClose={() => this.setState({open: false})}>
+                <Snackbar open={open} autoHideDuration={1000} onClose={() => this.setState({open: false})}>
                <Alert onClose={() => this.setState({open: false})} severity="success">
-                  {ReactHtmlParser(this.state.success.message)}
+                    {ReactHtmlParser(this.state.success.message)}
                </Alert>
-              </Snackbar>
+                </Snackbar>
            );
        }
        return "";
-      }
+    }
    
-      AfficherLienCv() {
-        console.log("afficher lien");
-         if (this.state.cvLink !="") {
-          
-            return (
-              
-              <Fragment>
-                
-                    <Typography >
-                      <a href={publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.postedContentCv + this.state.cvLink} 
-                      target="_blank"
-                      style={{ 
-                        color:'#1E2327',
-                        '&:hover': {
-                          color: '#1E2327',
-                        },
-                        backgroundColor: '#F3F3F4',
-                        width:'100%',
-                        fontWeight: '500',
-                        fontSize: '1em',
-                        padding:'15px',
-                        margin:'20px 0',

-                        }}
-                      >
-                        Visualiser mon CV
-                        </a>
-                        <br />
-                    
-                    </Typography>
-                  
-              </Fragment>
+    AfficherLienCv() {
+        console.log("afficher lien");
+        if (this.state.cvLink !="") {
+        
+            return (
+            
+            <Fragment>
+            
+                <Typography >
+                    <a href={publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.postedContentCv + this.state.cvLink} 
+                    target="_blank"
+                    style={{ 
+                    color:'#1E2327',
+                    '&:hover': {
+                        color: '#1E2327',
+                    },
+                    backgroundColor: '#F3F3F4',
+                    width:'100%',
+                    fontWeight: '500',
+                    fontSize: '1em',
+                    padding:'15px',
+                    margin:'20px 0',
+
+                    }}
+                    >
+                    Visualiser mon CV
+                    </a>
+                    <br />
                
+                </Typography>
+                
+            </Fragment>
+            
            );
-          
+        
        }
        return "";
-      }
-
+    }
+       



@@ -319,27 +377,97 @@ class Answer extends Component {

        if (e.target.value === '') {
            console.log('cleared');
-            this.props.onSelectionChanged('');
+            //this.props.onSelectionChanged('');
        }
    }

-    onSuggestionSelected = (suggestion) => {
+    remplirLocation = (typeDonnee, donnee) =>{
+        console.log("DEBUT remplirLocation");
+        if(typeDonnee=='"street_number"') {
+            console.log(typeDonnee);
+            console.log(donnee);
+            this.setState({ street_number: donnee.replace('"', '') }) 
+        }else if(typeDonnee=='"route"') {
+            console.log(typeDonnee);
+             console.log(donnee);
+            this.setState({ route: donnee.replace('"', '') }) 
+        }else if(typeDonnee=='"locality"') {
+            console.log(typeDonnee);
+            console.log(donnee);
+            this.setState({ locality: donnee.replace('"', '') }) 
+        }else if(typeDonnee=='"administrative_area_level_2"') {
+            console.log(typeDonnee);
+            console.log(donnee);
+            this.setState({ administrative_area_level_2: donnee.replace('"', '') }) 
+        }else if(typeDonnee=='"administrative_area_level_1"') {
+            console.log(typeDonnee);
+            console.log(donnee);
+            this.setState({ administrative_area_level_1: donnee.replace('"', '') }) 
+        }else if(typeDonnee=='"country"') {
+            console.log(typeDonnee);
+            console.log(donnee);
+            this.setState({ country: donnee.replace('"', '') }) 
+        }else if(typeDonnee=='"postal_code"') {
+            console.log(typeDonnee);
+            console.log(donnee);
+            this.setState({ postal_code: donnee.replace('"', '') }) 
+        }
+        console.log("FIN remplirLocation");  
+        
+    }

+    onSuggestionSelected = (suggestion) => {
+        
        console.log('Selected suggestion:', suggestion)
        const address = suggestion.description;
+        this.setState({ geoloc: address})
        this.setState({
            value: address
        });

        geocodeByAddress(address)
            .then(address => {
-                console.log('Selected ' + JSON.stringify(address[0]));
-                this.props.onSelectionChanged(address[0]);
+                
+                if(address[0].address_components[0]){
+                    this.remplirLocation(JSON.stringify(address[0].address_components[0].types[0]), JSON.stringify(address[0].address_components[0].long_name))
+                }
+                if(address[0].address_components[1]){
+                    this.remplirLocation(JSON.stringify(address[0].address_components[1].types[0]), JSON.stringify(address[0].address_components[1].long_name))
+                }
+                if(address[0].address_components[2]){
+                    this.remplirLocation(JSON.stringify(address[0].address_components[2].types[0]), JSON.stringify(address[0].address_components[2].long_name))
+                }
+                if(address[0].address_components[3]){
+                    this.remplirLocation(JSON.stringify(address[0].address_components[3].types[0]), JSON.stringify(address[0].address_components[3].long_name))
+                }
+                if(address[0].address_components[4]){
+                    this.remplirLocation(JSON.stringify(address[0].address_components[4].types[0]), JSON.stringify(address[0].address_components[4].long_name))
+                }
+                if(address[0].address_components[5]){
+                    this.remplirLocation(JSON.stringify(address[0].address_components[5].types[0]), JSON.stringify(address[0].address_components[5].long_name))
+                }
+                if(address[0].address_components[6]){
+                    this.remplirLocation(JSON.stringify(address[0].address_components[6].types[0]), JSON.stringify(address[0].address_components[6].long_name))
+                }
+                if(address[0].geometry){
+                    let gps =JSON.stringify(address[0].geometry.location);
+                    const obj = JSON.parse(gps);  
+                     this.setState({ formatted_address: JSON.stringify(address[0].formatted_address) })     
+                     this.setState({ lat: obj.lat.toString()})     
+                     this.setState({ lng: obj.lng.toString()})     
+                }
+                
+                
+                // console.log("GEOLOC ON geocodeByAddress")
+                // console.log(this.state.geoloc)
+                // document.getElementById("geoloc").value =JSON.stringify(address[0]);
+                // this.props.onSelectionChanged(address[0]);
            })
            .catch(error => console.error('Error', error))
    }

    onSuggestionSelected(suggestion) {
+        
        // Add your business logic here. In this case we just log...
        console.log('Selected suggestion:', suggestion)
      }
@@ -353,9 +481,9 @@ class Answer extends Component {
              const className = suggestion.active ? 'suggestion-item--active' : 'suggestion-item';
              const style = suggestion.active
                      ? { backgroundColor: 'red', cursor: 'pointer',border: '1px solid' }
-                      : { backgroundColor: '#ffffff', cursor: 'pointer',border: '1px solid' };
+                      : { backgroundColor: '#123456', cursor: 'pointer',border: '1px solid' };
              return (<div {...getSuggestionItemProps(suggestion,{className,style})}>
-                <span>{suggestion.description}</span> 
+                <span >{suggestion.description}</span> 
              </div>
              )
            })}
@@ -370,7 +498,7 @@ class Answer extends Component {



-    handleChange = (e) => {
+    handleChange = (e) => {    
        this.setState({ [e.target.name]: e.target.value })
    }

@@ -383,11 +511,26 @@ class Answer extends Component {
        console.log("firstname")
        console.log(this.state.firstname)
        const data = new FormData()
-
+        
        data.append('firstname', this.state.firstname)
        data.append('lastname', this.state.lastname)
        data.append('phone', this.state.phone)
        data.append('currentJob', this.state.currentJob)
+        console.log("GEOLOC ON SUBMIT")
+        console.log(this.state)
+        data.append('geoloc', this.state.geoloc)
+        
+        data.append('street_number', this.state.street_number.replace('"', ''))
+        data.append('route', this.state.route.replace('"', ''))
+        data.append('locality', this.state.locality.replace('"', ''))
+        data.append('administrative_area_level_2', this.state.administrative_area_level_2.replace('"', ''))
+        data.append('administrative_area_level_1', this.state.administrative_area_level_1.replace('"', ''))
+        data.append('country', this.state.country.replace('"', ''))
+        data.append('postal_code', this.state.postal_code.replace('"', ''))
+        data.append('formatted_address', this.state.formatted_address.replace('"', ''))
+        data.append('lat', this.state.lat)
+        data.append('lng', this.state.lng)
+        //
        data.append('linkedin', this.state.linkedin)
        data.append('twitter', this.state.twitter)
        data.append('website', this.state.website)
@@ -400,6 +543,9 @@ class Answer extends Component {
        //     //TODO Envoyer un mail a chaque user
        //     console.log(user.email)
        // )
+        // US 471 : TODO envoyer le lien du cv pour le mettre dans la candidature (this.state.cvLink)
+        
+        console.log(this.state.cvLink, "lien CV")
        this.props.postAdAnswerRequest(
            {
                adId: this.props.adId,
@@ -443,6 +589,10 @@ class Answer extends Component {
            value: this.state.address,
            onChange: this.onChange,
          }
+          const searchOptions = {
+            componentRestrictions: { country: ['fr'] },
+          }
+        
        return (
            <section className={classes.container}>
                
@@ -481,18 +631,11 @@ class Answer extends Component {
                    // src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
                    />

-                    {/* <GooglePlaceAutocomplete
-                        name="location"
-                        label="Location"
-                        onSuggestionSelected={this.onSuggestionSelected}
-                        textFieldProps={{ onChange: (e) => this.onChange(e), value: this.state.value, placeholder: 'Chercher votre adresse'}}
-                        types={['(regions)']}
-                        renderTarget={() => (<div />)}
-                    /> */}
+                    
                    <Button className={classes.remplacerButton} onClick={this.openDialog.bind(this)}>
                        Remplacer ma vidéo
                    </Button>
-                    <Dialog open={this.state.open} onEnter={console.log("Hey.")}>
+                    <Dialog open={this.state.open}>
                        <DialogTitle> Souhaitez-vous remplacer votre vidéo de réponse ?</DialogTitle>
                        <DialogContent className={classes.popup}> Cette vidéo et tous les éléments de votre candidature seront définitivement supprimés. Vous pourrez importer ou réaliser une nouvelle vidéo de réponse. </DialogContent>
                        <DialogActions>
@@ -521,7 +664,7 @@ class Answer extends Component {
                        helperText={!!_.isEmpty(this.state.lastname) && "Veuillez saisir votre nom"}
                        required
                    />
-
+                     
                    <TextField
                        name="firstname"
                        required
@@ -536,6 +679,52 @@ class Answer extends Component {
                        helperText={!!_.isEmpty(this.state.firstname) && "Veuillez saisir votre prénom"}
                    />

+                    <div 
+                    className={classes.conteneurGoogle}
+                    classes={{ root: classes.rootTextfield }} 
+                    style={{ position: 'relative', zIndex:2, width: '100%' }}>
+                         <label htmlFor="outlined-required"
+                          className={classes.labelGeoloc}>
+                            Adresse
+                        </label>
+                        <div className={classes.conteneurGoogleComposant}>
+                            <GooglePlaceAutocomplete
+                                style={{ paddingLeft:'14px !important', left: 0, right: 0, zIndex: '2 !important', width: '100%' }}
+                                name="location"
+                                label="Location"
+                                id="outlined-required"
+                                variant="outlined"
+                                textFieldProps={{ id: "outlined-required" }}
+                                className={classes.textField}
+                                classes={{ root: classes.rootTextfield }} 
+                                options={this.searchOptions}
+                                onSuggestionSelected={this.onSuggestionSelected}
+                                textFieldProps={{ onChange: (e) => this.onChange(e), value: this.state.value, placeholder: 'Ex : Rue de Rivoli, Paris, France', fullWidth: true, size:"small"}}
+                                types={['(regions)']}
+                                componentRestrictions={{country: 'fr'}}
+                                renderTarget={() => (
+                                    <div   
+                                    style={{
+                                        
+                                        width: '100%',
+                                        zIndex:9
+                                    }}
+                                    >
+                                    </div>
+                                )}
+                            />
+                        </div>
+                       
+                        {/* <Input 
+                        name="geoloc" 
+                        id="geoloc" 
+                        label="geoloc" 
+                        ref="geoloc" 
+                        onChange={this.handleChange}
+                        value={this.state.geoloc =='null' || this.state.geoloc ==''  ? '' :this.state.geoloc}
+                        /> */}
+                    </div>
+
                    <TextField
                        name="phone"
                        id="outlined"
@@ -566,7 +755,7 @@ class Answer extends Component {
                        className={classes.textField}
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
-                        value={this.state.currentJob}
+                        value={this.state.currentJob =='null' || this.state.currentJob ==''  ? '' :this.state.currentJob}
                        onChange={this.handleChange}
                    />

@@ -601,7 +790,7 @@ class Answer extends Component {
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
                        placeholder="http://www.linkedin.com/in/"
-                        value={this.state.linkedin}
+                        value={this.state.linkedin =='null' || this.state.linkedin ==''  ? '' :this.state.linkedin}
                        onChange={this.handleChange}

                    />
@@ -614,7 +803,7 @@ class Answer extends Component {
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
                        placeholder="http://twitter.com/.."
-                        value={this.state.twitter}
+                        value={this.state.twitter =='null' || this.state.twitter ==''  ? '' :this.state.twitter}
                        onChange={this.handleChange}
                    />

@@ -626,7 +815,7 @@ class Answer extends Component {
                        classes={{ root: classes.rootTextfield }}
                        variant="outlined"
                        placeholder="http://monsite.fr"
-                        value={this.state.website}
+                        value={this.state.website =='null' || this.state.website ==''  ? '' :this.state.website}
                        onChange={this.handleChange}
                    />
                    
@@ -643,10 +832,10 @@ function mapStateToProps(state, ownProps) {
    // console.log(state.media.message.heure);
    return {
        user: state.user ,
-        cvLink : state.media.message,
+        cvLink : state.mediaCv.message,
        loading: !!state.media.loading,
        cv : true,
-        user: state.user,
+        // user: state.user,
        // loading: !!state.user.loading,
        pictureLoading: !!state.user.pictureLoading,
        errors: state.user.errors || ownProps.errors,
@@ -139,7 +139,7 @@ class CompanyRowComponent extends React.Component {
  render() {
    const { classes, theme, rowData } = this.props;

-    const imgDefaultUrl = "/static/images/default/default_picture_company.svg"
+    const imgDefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"

    const imgUrl = (rowData.presentation_video && rowData.presentation_video.thumbnails[0] && rowData.presentation_video.thumbnails[0].sizes[4]) ? rowData.presentation_video.thumbnails[0].sizes[4].link : imgDefaultUrl
    const logoUrl = publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + rowData.logo
@@ -59,7 +59,7 @@ const styles = theme => ({
    titleContainer: {
        color: theme.palette.primary.darkMain,
        fontSize: '1.5em',
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontWeight: '600',
        [theme.breakpoints.up('md')]: {
            fontSize: '1.2em',
@@ -113,7 +113,7 @@ const styles = theme => ({
        },
    },
    titleReactApp: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        paddingTop: theme.spacing(4),
@@ -225,6 +225,9 @@ const styles = theme => ({
    justifyContent: 'space-between',
    padding: 0,
  },
+  appBar:{
+    position:'fixed'
+  },
  appBarDesktopSection: {
    display: 'flex',
    alignItems: 'center',
@@ -28,7 +28,7 @@ import ArrowForward from '@material-ui/icons/ArrowForward';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import { ListItemText } from '@material-ui/core';
-import Loader from './../templates/loader'
+import Loader from '../templates/loader'
 import { connect } from 'react-redux'
 import { fetchCurrentUserRequest } from "../../actions/user";
 import { requestLogout } from "../../actions/auth";
@@ -36,7 +36,7 @@ import Button from '@material-ui/core/Button';
 import withWidth, { isWidthUp } from '@material-ui/core/withWidth'
 import Typography from '@material-ui/core/Typography';
 import { withRouter } from "next/router";
-import ActiveLink from "./../atoms/Activelink";
+import ActiveLink from "../atoms/Activelink";
 import axios from 'axios';
 import setAuthorizationHeader from "../../data/setAuthorizationHeader";
 import getConfig from 'next/config'
@@ -302,7 +302,7 @@ const styles = theme => ({
 });
 let urlEnv;

-class Header extends React.Component {
+class HeaderPersonnalise extends React.Component {
  state = {
    top: false,
    left: false,
@@ -597,7 +597,7 @@ class Header extends React.Component {
                  focusRipple
                  className={classes.back}
                  focusVisibleClassName={classes.focusVisible}
-                  onClick={() => Router.push("/Offres")}>
+                  onClick={() => Router.push("/"+this.props.retour)}>
                  <ArrowLeft color="primary" classes={{ root: classes.icon }}></ArrowLeft>
                </ButtonBase>
                <div className={classes.grow} />
@@ -631,4 +631,4 @@ function mapStateToProps(state) {
    loading: !!state.user.loading
  };
 }
-export default (connect(mapStateToProps, { fetchCurrentUserRequest, requestLogout })(withStyles(styles)(withWidth()(Header))));
+export default (connect(mapStateToProps, { fetchCurrentUserRequest, requestLogout })(withStyles(styles)(withWidth()(HeaderPersonnalise))));
@@ -1,32 +1,21 @@
-import React, { Fragment,lazy, Suspense } from 'react'
-import Router from 'next/router'
+import React, { Fragment } from 'react'
 import { withStyles } from '@material-ui/core/styles';
 import getConfig from 'next/config'
 import Typography from '@material-ui/core/Typography';
 import Button from '@material-ui/core/Button';
 import Avatar from '@material-ui/core/Avatar';
-import Card from '@material-ui/core/Card';
 import Chip from '@material-ui/core/Chip';
-import CardContent from '@material-ui/core/CardContent';
-import CardMedia from '@material-ui/core/CardMedia';
-import CardHeader from '@material-ui/core/CardHeader';
 import KeyboardArrowleftIcon from '@material-ui/icons/PlayArrowRounded';
 import IconText from '../atoms/IconText';
 import IconTextInline from './../atoms/IconTextInline';
 import SocialShare from './SocialShare';
-import SimpleCollapse from '../atoms/SimpleCollapse';
 import _ from "lodash/string";
 import Ar from "lodash/array";
 import Hidden from '@material-ui/core/Hidden';
 import Link from 'next/link'
-import withWidth, { isWidthUp } from '@material-ui/core/withWidth'
-const VideoVimeo = lazy(() => import('../atoms/VideoVimeo'));
-//import VideoVimeo from '../atoms/VideoVimeo'
-import OgHead from '../atoms/OgHead'
+import { isWidthUp } from '@material-ui/core/withWidth'
 import JobPosting from '../atoms/JobPosting'
-import Moment from 'react-moment';
 import StickyBox from "react-sticky-box";
-const renderLoader = () => <p>Chargement</p>;
 const styles = theme => ({
    primary: {
        color: theme.palette.primary.main,
@@ -343,7 +332,7 @@ const styles = theme => ({
        padding: theme.spacing(1, 0),
        whiteSpace: 'pre-line',
        textAlign: 'justify',
-        lineHeight : '2em',
+        lineHeight : '1.5em',
        color: '#1E2327'
    },
    ul:{
@@ -677,28 +666,18 @@ const { publicRuntimeConfig } = getConfig()

 function OffreDetail(props) {
    let { classes, offre, isCandidature } = props;
-    const logoUrl = (offre.company ? publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + offre.company.logo : "/static/images/defaultdefault_picture_company.svg/")
-    const DefaultUrl = "/static/images/default/default_picture_company.svg"
-    const imgUrl = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[2]) ? offre.company.presentation_video.thumbnails[0].sizes[2].link : DefaultUrl
-    const imgUrlDesktop = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[4]) ? offre.company.presentation_video.thumbnails[0].sizes[4].link : DefaultUrl
-    const imgUrlOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[2]) ? offre.video.thumbnails[0].sizes[2].link : DefaultUrl
-    const imgUrlDesktopOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[4]) ? offre.video.thumbnails[0].sizes[4].link : DefaultUrl
-    const imgUrlTerritoire = (offre.territories && offre.territories[0] && offre.territories[0].territory && offre.territories[0].territory.presentation_video.thumbnails && offre.territories[0].territory.presentation_video.thumbnails[0] && offre.territories[0].territory.presentation_video.thumbnails[0].sizes[2]) ? offre.territories[0].territory.presentation_video.thumbnails[0].sizes[2].link : DefaultUrl
-    const imgUrlDesktopTerritoire = (offre.territories && offre.territories[0] && offre.territories[0].territory.presentation_video && offre.territories[0].territory.presentation_video.thumbnails && offre.territories[0].territory.presentation_video.thumbnails[0] && offre.territories[0].territory.presentation_video.thumbnails[0].sizes[4]) ? offre.territories[0].territory.presentation_video.thumbnails[0].sizes[4].link : DefaultUrl
+    const logoUrl = (offre.company ? publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + offre.company.logo : "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg")
+    const DefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
+    const imgUrl = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[3]) ? offre.company.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
+    const imgUrlDesktop = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[3]) ? offre.company.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
+    const imgUrlOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[3]) ? offre.video.thumbnails[0].sizes[3].link : DefaultUrl
+    const imgUrlDesktopOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[3]) ? offre.video.thumbnails[0].sizes[3].link : DefaultUrl
+    const imgUrlTerritoire = (offre.territories && offre.territories[0] && offre.territories[0].territory && offre.territories[0].territory.presentation_video.thumbnails && offre.territories[0].territory.presentation_video.thumbnails[0] && offre.territories[0].territory.presentation_video.thumbnails[0].sizes[3]) ? offre.territories[0].territory.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
+    const imgUrlDesktopTerritoire = (offre.territories && offre.territories[0] && offre.territories[0].territory.presentation_video && offre.territories[0].territory.presentation_video.thumbnails && offre.territories[0].territory.presentation_video.thumbnails[0] && offre.territories[0].territory.presentation_video.thumbnails[0].sizes[3]) ? offre.territories[0].territory.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
    const socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `/Offre/${offre.id}-${_.kebabCase(offre.title)}`;
    const entrepriseLink = (offre.company && `/Entreprise/${offre.company.id}-${_.kebabCase(offre.company.brand_name)}`);
    const territoryVideoUrlTab = (offre.territories && offre.territories[0] && offre.territories[0].territory) ? offre.territories[0].territory.presentation_video.cdn_url.split('/') : '';
    const territoryVideoId = territoryVideoUrlTab[2]
-    let descriptionSEO = ""
-    let titleSEO = ""
-    offre.company.brand_name ? descriptionSEO += offre.company.brand_name : ""
-    descriptionSEO +=  " recrute en vidéo un(e) "+offre.title
-    titleSEO =  "Offre d'emploi vidéo "+offre.title 
-    offre.location.gmap_address.formatted_address ? descriptionSEO += ", "+offre.location.gmap_address.formatted_address : ""
-    offre.location.gmap_address.formatted_address ? titleSEO += ", "+offre.location.gmap_address.formatted_address : ""
-    offre.company.brand_name ? titleSEO += " - "+offre.company.brand_name : ""
-    descriptionSEO +=  ". Envoyez votre candidature en vidéo. "
-    titleSEO += " | Talents Tube "
    let jobVille=""
    let jobDpt=""
    let jobPays=""
@@ -708,12 +687,12 @@ function OffreDetail(props) {
    let  nombreHeure =""
    let  dureeContrat =""
    let  teletravail =""
-    offre.location.gmap_address.address_components[0] ? jobVille = offre.location.gmap_address.address_components[0].long_name: jobVille=""
-    offre.location.gmap_address.address_components[1] ? jobDpt = offre.location.gmap_address.address_components[1].long_name: jobDpt=""
-    offre.location.gmap_address.address_components[3] ? jobPays = offre.location.gmap_address.address_components[3].long_name: jobPays=""
+    offre.location && offre.location.gmap_address.address_components[0] ? jobVille = offre.location.gmap_address.address_components[0].long_name: jobVille=""
+    offre.location && offre.location.gmap_address.address_components[1] ? jobDpt = offre.location.gmap_address.address_components[1].long_name: jobDpt=""
+    offre.location && offre.location.gmap_address.address_components[3] ? jobPays = offre.location.gmap_address.address_components[3].long_name: jobPays=""
    // offre.location.gmap_address ? jobAdr = location.gmap_address.adr_address: jobAdr=""
-    offre.extra.contract_type ? jobContract = offre.extra.contract_type : jobContract =""
-    offre.extra.temps_type ? tempsType = offre.extra.temps_type : tempsType =""
+    offre.extra && offre.extra.contract_type ? jobContract = offre.extra.contract_type : jobContract =""
+    offre.extra && offre.extra.temps_type ? tempsType = offre.extra.temps_type : tempsType =""
    console.log("competences!!");
    //console.log(offre.competences);
    var competences = [];
@@ -721,8 +700,8 @@ function OffreDetail(props) {
    if(offre.competences){
        for (var i = 0; i < offre.competences.length; i++) {
            //console.log(offre.competences[i]);
-            console.log("competences "+i);
-            console.log(offre.competences[i]);
+            // console.log("competences "+i);
+            // console.log(offre.competences[i]);
            
            for (const property in offre.competences[i]) {
                console.log(` ${offre.competences[i][property]}`);
@@ -734,7 +713,7 @@ function OffreDetail(props) {
    const listItems = competences.map((number) =>
        <li className={classes.listeCompetences}>{number}</li>
    );
-    offre.extra.teletravail ? teletravail = offre.extra.teletravail : teletravail =""
+    offre.extra && offre.extra.teletravail ? teletravail = offre.extra.teletravail : teletravail =""
    //gestion du type de temps de travail
    if(tempsType=="PART_TIME"){
        tempsTypeFr="Temps partiel"
@@ -744,27 +723,27 @@ function OffreDetail(props) {

    }
    //gestion du nombre d'heure
-    if(offre.extra.nombre_heure && offre.extra.nombre_heure!=0 && tempsType=="PART_TIME"){
+    if(offre.extra && offre.extra.nombre_heure && offre.extra.nombre_heure!=0 && tempsType=="PART_TIME"){
        nombreHeure=" ("+offre.extra.nombre_heure+" h/semaine)";
    }
    //gestion de la duree de contrat
-    if(offre.extra.duree_contrat && offre.extra.duree_contrat!=0 && jobContract=="CDD"){
+    if(offre.extra && offre.extra.duree_contrat && offre.extra.duree_contrat!=0 && jobContract=="CDD"){
        dureeContrat=" ("+offre.extra.duree_contrat+" mois)";;
    }
    //gestion du télétravail
-    if(offre.extra.teletravail=='tele_occasionel'){
+    if(offre.extra && offre.extra.teletravail=='tele_occasionel'){
        teletravail='Télétravail occasionnel';
-    }else if(offre.extra.teletravail=='tele_partiel'){
+    }else if(offre.extra && offre.extra.teletravail=='tele_partiel'){
        teletravail='Télétravail partiel';
-    }else if(offre.extra.teletravail=='tele_total'){
+    }else if(offre.extra && offre.extra.teletravail=='tele_total'){
        teletravail='Télétravail total';
    }else{
        teletravail=null;
    }
    
-    const imgDefaultUrl = "/static/images/default/default_picture_company.svg"
+    const imgDefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
    {/* CONST MARQUE EMPLOYEUR */}
-    const marqueEmployeur = offre.company.presentation_video && !offre.is_promoted && (
+    const marqueEmployeur = offre.company && offre.company.presentation_video && !offre.is_promoted && (
        <div className={classes.container + ' ' + classes.discoverContainerCompany}>
            <section>
                
@@ -772,7 +751,7 @@ function OffreDetail(props) {
                {/* <a href={entrepriseLink}> */}
                {/* const entrepriseLink = (offre.company && `/Entreprise/${offre.company.id}-${_.kebabCase(offre.company.brand_name)}`); */}
               
-                <Link href={`/Player?id=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.company.presentation_video.cdn_url, '/'))}&type=Entreprise`} >   
+                <Link href={`/Player?id=${offre.company.id}&url=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.company.presentation_video.cdn_url, '/'))}&typeEntite=Entreprise&nameCompany=${offre.company.brand_name}&nameOffre=`} >   
                    <div className={classes.discoverContainerImage}>
                        <img src={isWidthUp('sm', props.width) ? imgUrlDesktop : imgUrl} alt={offre.company.brand_name && offre.company.brand_name} />
                        <Typography variant="h3" component="h3" gutterBottom className={ classes.voirEntreprise} align="center">
@@ -822,23 +801,19 @@ function OffreDetail(props) {
            {/* {offre.public_tag.map((label, index) => {
                 descriptionSEO += label+", "
            })} */}
-            {/* PARTIE REFERECEMENT GENERAL (FACEBOOK, GOOGLE, TWITTER LINKENDIN) */}   
-            <OgHead seo_title={titleSEO}
-                seo_description={descriptionSEO}
-                seo_url={socialShareUrl}
-                image={imgUrlDesktop}
-            ></OgHead>
+            {/* PARTIE REFERENCEMENT GENERAL (FACEBOOK, GOOGLE, TWITTER LINKENDIN) */}   
+            
            {/* PARTIE REFERENCEMENT GOOGLE JOBS */}   
            <JobPosting job_title={offre.title}
                job_description={offre.description}
-                job_brand= {offre.company.brand_name && offre.company.brand_name}
+                job_brand= {offre.company && offre.company.brand_name && offre.company.brand_name}
                job_brand_link= {entrepriseLink}
                job_title = {offre.title}
-                job_location = {offre.location.gmap_address.formatted_address}
+                job_location = {offre.location && offre.location.gmap_address.formatted_address}
                job_ville = {jobVille}
                job_dept = {jobDpt}
                job_pays = {jobPays}
-                job_adr = {offre.location.gmap_address.formatted_address}
+                job_adr = {offre.location && offre.location.gmap_address.formatted_address}
                job_date = {offre.published_at}
                job_date_fin = {offre.unpublished_at}
                job_temps_type= {tempsType}
@@ -853,16 +828,16 @@ function OffreDetail(props) {
                            {offre.video && (
                            
                                <Fragment>
-                                    <Suspense fallback={renderLoader()}>   
+                                     
                                        {/* <VideoVimeo  {...isCandidature == 'true' ? 'classes={{ video: classes.videoOffre }}' : ''} videoId={Ar.last(_.split(offre.video.cdn_url, '/'))} autoplay='1' /> */}
                                        <div className={classes.contentContainer}>
                                            
-                                            <Link href={`/Player?id=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.video.cdn_url, '/'))}&type=Offre`} >   
+                                            <Link href={`/Player?id=${offre.id}&url=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.video.cdn_url, '/'))}&typeEntite=Offre&nameCompany=${offre.company && offre.company.brand_name}&nameOffre=${offre.title}`} >   
                                                    <div className={classes.discoverContainerImage}>
                                                        <img  src={isWidthUp('sm', props.width) ? imgUrlDesktopOffre : imgUrlOffre} alt={offre.company.brand_name && offre.company.brand_name} />
                                                        <div className={classes.containerPoste}>
                                                        
-                                                            <Typography variant="h1" component="h1" gutterBottom className={classes.poste}>
+                                                            <Typography variant="h4" component="h1" gutterBottom className={classes.poste}>
                                                                {offre.title}  <br></br>
                                                                <span className={classes.posteEntreprise}>{offre.company.brand_name  ? offre.company.brand_name  : ""}</span>
                                                            </Typography>
@@ -875,7 +850,7 @@ function OffreDetail(props) {
                                                    </div>
                                            </Link>         
                                        </div>        
-                                    </Suspense>         
+                                             
                                    <div className={classes.container}>
                                        

@@ -905,7 +880,7 @@ function OffreDetail(props) {
                                                {/* <a href={entrepriseLink}> */}
                                                {/* const entrepriseLink = (offre.company && `/Entreprise/${offre.company.id}-${_.kebabCase(offre.company.brand_name)}`); */}
                                            
-                                                <Link href={`/Player?id=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.company.presentation_video.cdn_url, '/'))}&type=Entreprise`} >   
+                                                <Link href={`/Player?id=${offre.company.id}&url=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.company.presentation_video.cdn_url, '/'))}&typeEntite=Entreprise&nameCompany=${offre.company.brand_name}&nameOffre=`} >   
                                                    <div className={classes.discoverContainerImage}>
                                                        <img src={isWidthUp('sm', props.width) ? imgUrlDesktop : imgUrl} alt={offre.company.brand_name && offre.company.brand_name} />
                                                        <Typography variant="h3" component="h3" gutterBottom className={ classes.voirEntreprise} align="center">
@@ -925,7 +900,7 @@ function OffreDetail(props) {
                                    {offre.territories && territoryVideoId && (
                                        <div className={classes.container + ' ' + classes.discoverContainerTerritory}>
                                            <section>
-                                                <Link href={`/Player?id=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${territoryVideoId}&type=Territoire`} >   
+                                                <Link href={`/Player?id=${offre.territories[0].territory.id}&url=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${territoryVideoId}&typeEntite=Territoire&nameCompany=${offre.territories[0].territory.brand_name}&nameOffre=`} >   
                                                    <div className={classes.discoverContainerImage}>
                                                        <img src={isWidthUp('sm', props.width) ? imgUrlDesktopTerritoire : imgUrlTerritoire} alt={(!!!offre.territories) ? offre.territories[0].territory.brand_name : ''} />
                                                        <Typography variant="h3" component="h3" gutterBottom className={classes.title + ' ' + classes.voirTerritoire} align="center">
@@ -950,23 +925,23 @@ function OffreDetail(props) {
                                    <section className={classes.stickyContainer}>
                                        <a href={entrepriseLink} className={classes.lien}>
                                            <Avatar className={classes.logo} classes={{ img: classes.MuiAvatarImg }}
-                                                                    src={logoUrl} alt={offre.company.brand_name && offre.company.brand_name} />    
+                                                                    src={logoUrl} alt={offre.company && offre.company.brand_name && offre.company.brand_name} />    
                                        </a>
                                        <Typography variant="h4" component="h4" className={classes.stickyTitle}>
                                            {offre.title}
                                        </Typography>
                                        <a href={entrepriseLink} className={classes.lien}>
                                            <Typography variant="h5" component="h5" className={classes.stickyEntreprise}>
-                                            {offre.company.brand_name && offre.company.brand_name}
+                                            {offre.company && offre.company.brand_name && offre.company.brand_name}
                                            </Typography>
                                        </a>
                                    </section>
                                
                                    <section className={classes.IconTextContainerDesktop}>
                                        
-                                        <IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="assignment" text={offre.extra.contract_type+dureeContrat} />
+                                        <IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="assignment" text={offre.extra && offre.extra.contract_type+dureeContrat} />
                                        {tempsTypeFr ?<IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="watch_later" text={tempsTypeFr+nombreHeure } />:""}
-                                        <IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="location_on" text={offre.location.gmap_address.formatted_address} />
+                                        <IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="location_on" text={offre.location && offre.location.gmap_address.formatted_address} />
                                        {teletravail && (<IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="home" text={teletravail} /> )} 
                                        {offre.beneficiaire && (<IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="business" text={offre.beneficiaire} /> )} 
                                    </section>
@@ -979,9 +954,9 @@ function OffreDetail(props) {
                                            <Button
                                                cyp="ButtonApply"
                                                variant="contained"
-                                                className={classes.button}
-
-                                >Postuler </Button>
+                                                className={classes.button}>
+                                                Postuler 
+                                            </Button>
                                        </a>
                                        
                                        
@@ -1011,14 +986,14 @@ function OffreDetail(props) {
            <Hidden mdUp>
                <section className={classes.contentContainerMobile}>
                                            
-                    <Link href={`/Player?id=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.video.cdn_url, '/'))}&type=Offre`} >   
+                    <Link href={`/Player?id=${offre.id}&url=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.video && offre.video.cdn_url, '/'))}&typeEntite=Offre&nameCompany=${offre.company && offre.company.brand_name}&nameOffre=${offre.title}`} >   
                            <div className={classes.discoverContainerImage}>
-                                <img  src={isWidthUp('xs', props.width) ? imgUrlDesktopOffre : imgUrlOffre} alt={offre.company.brand_name && offre.company.brand_name} />
+                                <img  src={isWidthUp('xs', props.width) ? imgUrlDesktopOffre : imgUrlOffre} alt={offre.company && offre.company.brand_name && offre.company.brand_name} />
                                <div >
                                
                                    <Typography variant="h1" component="h1" gutterBottom className={classes.posteMobile}>
                                        {offre.title}  <br></br>
-                                        <span className={classes.posteEntreprise}>{offre.company.brand_name  ? offre.company.brand_name  : ""}</span>
+                                        <span className={classes.posteEntreprise}>{offre.company && offre.company.brand_name  ? offre.company.brand_name  : ""}</span>
                                    </Typography>
                                    
                                </div>
@@ -1044,7 +1019,7 @@ function OffreDetail(props) {
                        </Typography>
                        <a href={entrepriseLink}  className={classes.lien}>
                            <Typography gutterBottom variant="subtitle1" className={classes.text}>
-                                {offre.company.brand_name && offre.company.brand_name} 
+                                {offre.company && offre.company.brand_name && offre.company.brand_name} 
                            </Typography>
                        </a>
                        {/* ville */}
@@ -1067,7 +1042,7 @@ function OffreDetail(props) {
                </section>
                <section>
                    {/* PARTIE MARQUE EMPLOYEUR MOBILE*/}
-                    {offre.company.presentation_video && !offre.is_promoted && (
+                    {offre.company && offre.company.presentation_video && !offre.is_promoted && (
                        <div className={classes.container + ' ' + classes.discoverContainerCompany}>
                            <section>
                                
@@ -1075,7 +1050,7 @@ function OffreDetail(props) {
                                {/* <a href={entrepriseLink}> */}
                                {/* const entrepriseLink = (offre.company && `/Entreprise/${offre.company.id}-${_.kebabCase(offre.company.brand_name)}`); */}
                            
-                                <Link href={`/Player?id=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.company.presentation_video.cdn_url, '/'))}&type=Entreprise`} >   
+                                <Link href={`/Player?id=${offre.company.id}&url=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${Ar.last(_.split(offre.company.presentation_video.cdn_url, '/'))}&typeEntite=Entreprise&nameCompany=${offre.company.brand_name}&nameOffre=`} >   
                                    <div className={classes.discoverContainerImage}>
                                        <img src={isWidthUp('xs', props.width) ? imgUrlDesktop : imgUrl} alt={offre.company.brand_name && offre.company.brand_name} />
                                        <Typography variant="h3" component="h3" gutterBottom className={ classes.voirEntrepriseMobile} align="center">
@@ -1095,7 +1070,7 @@ function OffreDetail(props) {
                    {offre.territories && territoryVideoId && (
                        <div className={classes.container + ' ' + classes.discoverContainerTerritory}>
                            <section>
-                                <Link href={`/Player?id=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${territoryVideoId}&type=Territoire`} >   
+                                <Link href={`/Player?id=${offre.territories[0].territory.id}&url=/Offre/${offre.id}-${_.kebabCase(offre.title)}&videoId=${territoryVideoId}&typeEntite=Territoire&nameCompany=${offre.territories[0].territory.brand_name}&nameOffre=${offre.title}`} >   
                                    <div className={classes.discoverContainerImage}>
                                        <img src={isWidthUp('sm', props.width) ? imgUrlDesktopTerritoire : imgUrlTerritoire} alt={(!!!offre.territories) ? offre.territories[0].territory.brand_name : ''} />
                                        <Typography variant="h3" component="h3" gutterBottom className={classes.title + ' ' + classes.voirTerritoireMobile} align="center">
@@ -1116,4 +1091,4 @@ function OffreDetail(props) {
        </Fragment>
    )
 }
-export default withStyles(styles)(withWidth()(OffreDetail));
+export default withStyles(styles)(OffreDetail);
@@ -42,7 +42,7 @@ const styles = theme => ({
    },
    margin: '1vh 2vh 1vh 2vh',
    [theme.breakpoints.up('sm')]: {
-      margin: '1vh 0 1vh 0',
+      margin: '2vh 0 2vh 0',
    },
  },
  detailsContainer: {
@@ -22,8 +22,8 @@ const styles = theme => ({
    },
    askToInstallText: {
        fontSize: '1.4em',
-        fontWeight: '500',
-        fontFamily: 'Dosis',
+        fontWeight: '600',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    },
    installApp: {
        width: '100%',
@@ -240,7 +240,7 @@ class Register extends React.Component {

                    <TextField
                        className={clsx(classes.margin, classes.textField)}
-                        label="Password"
+                        label="Mot de passe"
                        name="password"
                        id="adornment-password"
                        variant="outlined"
@@ -95,11 +95,11 @@ export default function SocialShare(props) {
                <a href={"http://twitter.com/share?url=" + encodeURIComponent(props.url)} target="_blank">
                    <Icon className={clsx(classes.icon, classes.TwitterIcon, 'fab fa-twitter')} color="secondary" />
                </a>
-                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talent's Tube")} target="_blank">
+                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talents Tube")} target="_blank">
                    <Icon className={clsx(classes.icon, classes.LinkedinIcon, 'fab fa-linkedin-in')} color="secondary" />
                </a>
                {/* change because of https://github.com/zeit/next.js/blob/master/errors/invalid-href-passed.md */}
-                <a href={"mailto:?subject=Offre d'emploi Talent's Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
+                <a href={"mailto:?subject=Offre d'emploi Talents Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
                    <Icon className={clsx(classes.icon, classes.MailIcon, 'fas fa-envelope')} color="secondary" />
                </a>
            </Hidden>
@@ -110,11 +110,11 @@ export default function SocialShare(props) {
                <a href={"http://twitter.com/share?url=" + encodeURIComponent(props.url)} target="_blank">
                    <Icon className={clsx(classes.icon, classes.TwitterIconMobile, 'fab fa-twitter')} color="secondary" />
                </a>
-                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talent's Tube")} target="_blank">
+                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talents Tube")} target="_blank">
                    <Icon className={clsx(classes.icon, classes.LinkedinIconMobile, 'fab fa-linkedin-in')} color="secondary" />
                </a>
                {/* change because of https://github.com/zeit/next.js/blob/master/errors/invalid-href-passed.md */}
-                <a href={"mailto:?subject=Offre d'emploi Talent's Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
+                <a href={"mailto:?subject=Offre d'emploi Talents Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
                    <Icon className={clsx(classes.icon, classes.MailIconMobile, 'fas fa-envelope')} color="secondary" />
                </a>
            </Hidden>
@@ -213,7 +213,7 @@ class Grid extends Component {
                NextButton: {
                    fontSize: '0.9em',
                    fontWeight: '600',
-                    fontFamily: 'Dosis',
+                    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
                    textTransform: 'inherit',
                    marginLeft: '64px',
                    marginRight: '64px',
@@ -229,7 +229,7 @@ class Grid extends Component {
                PreviousButton: {
                    fontSize: '0.9em',
                    fontWeight: '600',
-                    fontFamily: 'Dosis',
+                    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
                    textTransform: 'inherit',
                    marginLeft: '64px',
                    marginRight: '64px',
@@ -245,7 +245,7 @@ class Grid extends Component {
                PageDropdown: {
                    fontSize: '0.9em',
                    fontWeight: '600',
-                    fontFamily: 'Dosis',
+                    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
                    // display: 'none',
                },
            }
@@ -1,10 +1,17 @@
+import React, { Component, useEffect } from 'react'
 import { withStyles } from '@material-ui/core/styles'
 import Router from 'next/router';
 import RootContainer from '../atoms/RootContainer'
 import ButtonBase from "@material-ui/core/ButtonBase";
 import ArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
 import Typography from '@material-ui/core/Typography';
-import { Hidden } from '@material-ui/core';
+import { Button, Hidden } from '@material-ui/core';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogTitle from '@material-ui/core/DialogTitle';
+

 const styles = theme => ({
  inner: {
@@ -61,14 +68,64 @@ const styles = theme => ({
    fontSize: '0.8rem',
    fontWeight: '500',

+  },
+  popup:{
+    fontFamily: 'Roboto',
+    color: '#1E2327',
+    fontSize: '0.8rem',
+    fontWeight: '500',
  }
 });

-function LayoutBack(props) {
+class LayoutBack extends Component {
+  constructor(props) {
+    super(props);
+    
+  }

-  const { classes, height} = props;
+  state = {
+    open: false,
+
+  };
+  openDialog() {
+      this.setState({ open: true });
+  }
+
+  closeDialog() {
+      this.setState({ open: false });
+  }
+
+  refreshDialog() {
+      this.setState({ open: false });
+      window.location.reload();
+  }
+
+
+  
+  // Add a listener to prevent browser page refresh
+  componentWillMount() {
+    if (typeof window !== "undefined") {
+      window.onbeforeunload = (e) => { 
+        console.log('Stop this');
+        // this.openDialog();
+        e.preventDefault()
+        e.returnValue = '';
+      };
+    }
+  }
+
+  // Clear listener
+  componentWillUnmount() {
+    window.onbeforeunload = null
+  }
+  
+
+
+  render() {
+  const { classes, height} = this.props;
  
  //height fixed = height 100vh
+  var openStudio = this.props.openStudio ? 1 : 0;
  const content = (height == 'fixed') ? classes.content+' '+classes.contentFixed : classes.content
  return (
    <RootContainer align='center'>
@@ -78,26 +135,50 @@ function LayoutBack(props) {
            focusRipple
            className={classes.back}
            focusVisibleClassName={classes.focusVisible}
-            onClick={() => Router.back()}>
+            
+            >
            <ArrowLeft color="primary" classes={{ root: classes.icon }}></ArrowLeft>
            {/* <Hidden mdUp className={classes.retour}></Hidden> */}
-            <Hidden smDown className={classes.retour}>Retour</Hidden>
+            <Hidden smDown className={classes.retour}>
+              <div onClick={this.props.step==1 || openStudio==1 ? this.openDialog.bind(this) : () => Router.back()}>Retour</div>
+              
+            </Hidden>
+
+                    <Dialog open={this.state.open}>
+                        <DialogTitle className={classes.popup}>  Souhaitez-vous poursuivre votre candidature ?</DialogTitle>
+                        <DialogContent className={classes.popup}> Si vous cliquez sur le bouton Supprimer, tous les éléments associés à votre candidature (vidéo, CV…) seront définitivement supprimés. </DialogContent>
+                        <DialogActions className={classes.popup}>
+                        
+                        
+                        <Button onClick={this.refreshDialog.bind(this)} >
+                          Supprimer
+                        </Button>
+                        <Button onClick={this.closeDialog.bind(this)} autoFocus>
+                            Poursuivre
+                        </Button>
+                        </DialogActions>
+                    </Dialog>
          </ButtonBase>
          <Typography
            component="h1"
            align="center"
            className={classes.title}
          >
-            {props.text}
+            {this.props.text}
          </Typography>
        </div>
      </div>
      <div id="C" className={content}>
-        {props.children}
+        {this.props.children}
      </div>

    </RootContainer>
  )
+  }
+}
+LayoutBack.defaultProps = {
+  step: 0,
+  openStudio:false
 }

 export default withStyles(styles)(LayoutBack)
@@ -6,8 +6,9 @@ import RootContainer from '../atoms/RootContainer'
 import ButtonBase from "@material-ui/core/ButtonBase";
 import ArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
 import HideOnScroll from '../atoms/CollapsibleBack';
+import SocialShare from '../organisms/SocialShare'
 import withWidth, { isWidthUp } from '@material-ui/core/withWidth'
-import Header from '../organisms/Header'
+import HeaderEntreprise from '../organisms/HeaderPersonnalise'
 import {AppBar,CssBaseline,Container,Toolbar,IconButton,Typography} from "@material-ui/core";
 import Hidden from '@material-ui/core/Hidden';
 import Link from 'next/link'
@@ -80,63 +81,56 @@ const styles = theme => ({
    padding: theme.spacing(1.2, 2),
    color: '#BBBCBD',
    backgroundColor: '#F3F3F4',
-    
+  },
+  lien:{
+    textDecoration:'none',
+    color:'#fff'
  },
 })

 function LayoutCompany(props) {

-  const { classes, companyId } = props;
-
+  const { classes, companyId, companyLibelle } = props;
+  const socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `/Entreprise/${companyId}-${_.kebabCase(companyLibelle)}`;
  return (
-    <React.Fragment>
-      {isWidthUp('sm', props.width) ?
-        (<Header />)
-        :
-        (<HideOnScroll threshold={50}>
-          <AppBar className={classes.appBar}>
-            <Toolbar>
-              <ButtonBase name='back'
-                focusRipple
-                className={classes.back}
-                focusVisibleClassName={classes.focusVisible}
-                onClick={() => Router.back()}>
-                <ArrowLeft classes={{ root: classes.icon }}></ArrowLeft>
-              </ButtonBase>
-            </Toolbar>
-          </AppBar>
-        </HideOnScroll>)
-      }
-
-      <Container classes={{ root: classes.RootContainer }}>
+    
        <RootContainer>
+        <HeaderEntreprise  retour="Entreprises" menu="Entreprises"/>
          <div id="C" className={classes.content}>
            {props.children}
          </div>
          
          <Hidden mdUp>
          <div id="F" className={classes.foot}>
-          <Link href="#discover"  >
+          <Button
+              variant="contained"
+              className={classes.button + ' cypButtonApply'}
+              classes={{ root: classes.rootButton}}
+              
+            >
+              <a href={`/Reponse?companyId=${companyId}`} className={classes.lien }>Postuler</a>
+            </Button>
+            <SocialShare url={socialShareUrl} />
+          {/* <Link href="#discover"  >
            <Button
                variant="contained"
                className={classes.voirOffre + ' cypButtonApply'}
            >Voir les offres</Button>
                                            
-          </Link>
-            <a
+          </Link> */}
+            {/* <a
              href={`/Reponse?companyId=${companyId}`}
              variant="contained"
              className={classes.button}
              classes={{ root: classes.rootButton }}
              // onClick={() => Router.push(`/Reponse?companyId=${companyId}`)}
            >
-              Candidature spontanée</a>
+              Candidature spontanée</a> */}
          </div>
          </Hidden>

        </RootContainer>
-      </Container>
-    </React.Fragment>
+      

  )
 }
@@ -5,12 +5,14 @@ import Router from 'next/router';
 import RootContainer from '../atoms/RootContainer'
 import ButtonBase from "@material-ui/core/ButtonBase";
 import ArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
-import Header from '../organisms/HeaderOffre'
+import HeaderPersonnalise from '../organisms/HeaderPersonnalise'
 import SocialShare from '../organisms/SocialShare'
 import withWidth, { isWidthUp } from '@material-ui/core/withWidth'
 import Hidden from '@material-ui/core/Hidden';
 import Link from 'next/link'
-
+import getConfig from 'next/config'
+import _ from "lodash/string";
+const { publicRuntimeConfig } = getConfig()
 const styles = theme => ({
  foot: {
    display: 'flex',
@@ -90,17 +92,9 @@ function LayoutOffre(props) {
  const socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `/Offre/${offreId}-${_.kebabCase(offre.title)}`;
  return (
    <RootContainer>
-      {isWidthUp('xs', props.width) ?
-        (<Header />)
-        :
-        (<ButtonBase name='back'
-          focusRipple
-          className={classes.back}
-          focusVisibleClassName={classes.focusVisible}
-          onClick={() => Router.back()}>
-          <ArrowLeft classes={{ root: classes.icon }}></ArrowLeft>
-        </ButtonBase>)
-      }
+      
+      <HeaderPersonnalise retour="Offres" menu="Offres d'emploi"/>
+        
      <div id="C" className={contentClass}>
        {props.children}
      </div>
@@ -154,4 +148,4 @@ LayoutOffre.propTypes = {
  offre: PropTypes.object,
 };

-export default withStyles(styles)(withWidth()(LayoutOffre))
+export default withStyles(styles)(LayoutOffre)
@@ -8,7 +8,7 @@ const styles = theme => ({
    alignItems: 'center',
    textAlign: 'center',
    justifyContent: 'center',
-    fontFamily: 'Dosis',
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    fontWeight: '500',
    fontSize: '1em',
    padding: theme.spacing(6,0),
@@ -9,11 +9,24 @@ const styles = theme => ({
    alignItems: 'center',
    textAlign: 'center',
    justifyContent: 'center',
-    fontFamily: 'Dosis',
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    fontWeight: '500',
    fontSize: '1em',
    padding: theme.spacing(6,0),
-    color: theme.palette.primary.main,
+    margin:'50px 0',
+  },
+  loaderGras:{
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
+    paddingTop:'10px',
+    fontSize: '1.875em',
+    fontWeight: '500',
+    marginBottom:'30px',
+
+  },
+  loaderSecondaire:{
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
+    fontSize: '1em',
+    fontWeight: '300',
  },
  root: {
    top:"200px",
@@ -26,13 +39,12 @@ const styles = theme => ({

 class LoaderVideo extends React.Component {
  render() {
-    const { classes } = this.props;
+    const { classes, textePrincipal, texteSecondaire } = this.props;
    return (
      <div className={classes.root}>
-        <div className={classes.loader + ' ' + 'alert alert-info'}><CircularProgress color="primary" />Veuillez ne pas quitter la page.<br/> Le temps de chargement peut varier de quelques secondes à plusieurs minutes en fonction de la qualité de votre connexion internet.<br/></div>
+        <div className={classes.loader }><CircularProgress color="primary" /><span className={classes.loaderGras }>{textePrincipal}</span><br/><span className={classes.loaderSecondaire }> {texteSecondaire}</span><br/></div>
        <div >
-        <LinearProgress />
-        <LinearProgress color="secondary" />
+        
        </div>
      </div>
      )
@@ -129,6 +129,9 @@ export default {
                withCredentials: true
            }).then(res => res)
        },
+        
+    },
+    cv:{
        uploadMediaCv: (payload) => {
            return axios.post("/api/mediaCv", payload, {
                headers: {
@@ -142,12 +145,32 @@ export default {
        countAdView: id => {
            if (!!localStorage.ttJWT)
                setAuthorizationHeader(localStorage.ttJWT)
-            axios.get(`api/adAjaxRecStat/${id}`)
+                let continuerAds = true;
+            
+                if (sessionStorage.getItem("ads"+id)){
+                    continuerAds=false;
+                }
+             
+                if( continuerAds){
+                    axios.get(`api/adAjaxRecStat/${id}`)
+                    sessionStorage.setItem('ads'+id, id);
+                }
        },
        countCompanyView: id => {
-            if (!!localStorage.ttJWT)
-                setAuthorizationHeader(localStorage.ttJWT)
-            axios.get(`api/companyAjaxRecStat/${id}`)
+            if (!!localStorage.ttJWT){
+                setAuthorizationHeader(localStorage.ttJWT);
+            }
+
+            let continuer = true;
+            
+            if (sessionStorage.getItem("companies"+id)){
+                continuer=false;
+            }
+         
+            if( continuer){
+                axios.get(`api/companyAjaxRecStat/${id}`);
+                sessionStorage.setItem('companies'+id, id);
+            }
        }, 
    }

@@ -55,8 +55,8 @@ module.exports = withPlugins(
        blogUrl: 'https://blog.talentstube.com',
        frontServerUrl: 'https://pp.app.talentstube.com/',
        cvThequeUrl: 'https://recruteur.talentstube.com',
-        version : 'V2.4.2',
-        adListDefaultUrl: '/statique/images/default/default_picture_company.svg',
+        version : 'V2.6.2',
+        adListDefaultUrl: '/statique/images/default/default_picture_company.jpg',
        cachedMediaUrl: '/media/cache/profile_thumb/uploads/img/',
        postedContentUrl: '/uploads/img/',
        postedContentCv: '/uploads/cv/',
@@ -1,28 +1,359 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> 
  <url>
-    <loc>https://app.talentstube.com/Candidature</loc>
-    <lastmod>2019-09-17</lastmod>
-  </url>,<url>
-    <loc>https://app.talentstube.com/Cgu</loc>
-    <lastmod>2019-09-17</lastmod>
-  </url>,<url>
-    <loc>https://app.talentstube.com/Confidentialite</loc>
-    <lastmod>2019-11-04</lastmod>
-  </url>,<url>
-    <loc>https://app.talentstube.com/Entreprises</loc>
-    <lastmod>2019-09-17</lastmod>
-  </url>,<url>
-    <loc>https://app.talentstube.com/Help</loc>
-    <lastmod>2019-10-11</lastmod>
-  </url>,<url>
-    <loc>https://app.talentstube.com/Login</loc>
-    <lastmod>2019-10-14</lastmod>
-  </url>,<url>
-    <loc>https://app.talentstube.com/MentionsLegales</loc>
-    <lastmod>2019-11-04</lastmod>
-  </url>,<url>
-    <loc>https://app.talentstube.com/Offres</loc>
-    <lastmod>2019-10-16</lastmod>
+    <loc>https://www.talentstube.com/Offre/140-aide-a-domicile-f-h</loc>
+    <lastmod>2021-02-04</lastmod>
+    <priority>1.00</priority>
  </url>
-</urlset>
+  <url>
+    <loc>https://www.talentstube.com/Offre/133-gestionnaire-de-copropriete-f-h</loc>
+    <lastmod>2021-01-29</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprises</loc>
+    <lastmod>2021-01-18</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offres</loc>
+    <lastmod>2021-01-18</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/134-assistant-administratif-et-commercial-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/135-commercial-b-to-c-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/130-assistant-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/131-poseur-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/132-comptable-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/129-commerciaux-b-to-b-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/128-techniciens-poseurs-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/122-chauffeurs-spl-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/115-technicien-ramoneur-fumiste-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/109-equipier-de-plateforme-polyvalent-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/111-couvreur-etancheur-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/107-operateur-soudeur-chaudronnier-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/103-agents-de-quai-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/102-preparateurs-de-commandes-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/46-conducteurs-routiers-h-f</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/32507-tpc-ouest</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/32355-hyphae</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/28481-onela</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/28172-pro-fermetures</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/26064-aer-recyclage</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/21247-lactalis-logistique-et-transports</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/19800-silvadec</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/19205-intermarche-logistique-alimentaire-international</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/18143-l-n-u-f-lisieux</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/17467-l-n-u-f-vallet</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16785-nachos</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16639-fast-point</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16247-sasp</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16015-la-veggisserie</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16007-bforpu-b</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/15797-sinay</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/15559-monibrand</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/13464-jpa</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/12531-grand-ouest-etiquettes</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/12480-fym-action</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/11592-youston</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/11413-les-vergers-de-chateaubourg</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/11345-telemaque</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/9138-vital-concept</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/8639-mma-questembert</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/7593-opticultures</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/7174-atlantem</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/7004-la-table-de-la-desirade</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/6898-le-ptit-club</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/6555-mazars</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/6363-square-habitat</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/5250-linpac-packaging-pontivy-groupe-klockner-pentaplast</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4211-progressis-ge</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4097-a-2-com</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4088-venetis</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4059-eiffage-construction-grand-ouest</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/3381-mairie-saint-hilaire-de-riez</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/2958-skiold-acemo</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/2527-groupe-mousset</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/2341-temporis</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1899-faurecia</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1691-groupe-syselec</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1467-groupe-rocher-operations</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1297-albea</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/438-bouyer-leroux</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/266-mgdis</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/157-medaviz</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/95-multiplast</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/52-talents-tube</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/46-actual</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/18-coriolis-composites</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/17-thibault-bergeron</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+</urlset>
@@ -36,7 +36,7 @@
    "next-optimized-images": "^1.4.1",
    "next-redux-saga": "^4.0.2",
    "next-redux-wrapper": "^3.0.0-alpha.2",
-    "next-seo": "^4.7.3",
+    "next-seo": "^4.18.0",
    "next-transpile-modules": "^2.3.1",
    "node-mailjet": "^3.3.1",
    "nodemailer": "^4.6.8",
@@ -61,6 +61,7 @@
    "react-redux": "^7.0.3",
    "react-redux-loading-bar": "^5.0.0",
    "react-router-dom": "^5.2.0",
+    "react-select": "^3.1.1",
    "react-sticky-box": "^0.9.3",
    "react-swipeable-views": "^0.13.3",
    "reactstrap": "^6.4.0",
@@ -33,7 +33,7 @@ const styles = theme => ({
        backgroundColor: theme.palette.primary.main,
    },
    title: {
-      fontFamily: 'Dosis',
+      fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
      fontSize: '1.5em',
      fontWeight: '600',
      textAlign: 'center',
@@ -22,7 +22,7 @@ const styles = theme => ({
        bottom: 0,
    },
    title: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
@@ -22,7 +22,7 @@ const styles = theme => ({
        bottom: 0,
    },
    title: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
@@ -11,9 +11,8 @@ import CompanyRow from "../components/organisms/CompanyRow"
 import { fetchCompaniesRequest } from '../actions/companies'
 import { CompaniesSelector } from '../reducers/companies'
 import { connect } from "react-redux";
-import Head from 'next/head'
 import OgHead from '../components/atoms/OgHead';
-
+import { SocialProfileJsonLd } from 'next-seo';
 const styles = theme => ({
  root: {
    position: 'relative',
@@ -45,7 +44,7 @@ const styles = theme => ({
    },
  },
  title: {
-    fontFamily: 'Dosis',
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    fontSize: '1.5em',
    fontWeight: '600',
    textAlign: 'center',
@@ -72,7 +71,7 @@ class Entreprises extends React.Component {
    const { publicRuntimeConfig } = getConfig();
    const socialShareUrl = typeof window !== 'undefined' ? window.location
            : publicRuntimeConfig.frontServerUrl + `/Entreprises`;
-    const DefaultUrl = publicRuntimeConfig.symphonyUrl + "/img/default_picture_svg"
+    const DefaultUrl = publicRuntimeConfig.symphonyUrl + "img/default_picture_svg"
    const imgUrl = DefaultUrl ;
    return (
      <LayoutGrid backLink="/">
@@ -103,7 +102,18 @@ class Entreprises extends React.Component {
                    image={imgUrl}
                    seo_key="Recrutement, video"
                    
-                ></OgHead>
+          ></OgHead>
+          <SocialProfileJsonLd
+          type="Talents Tube"
+          name="Talents Tube"
+          url="https://www.talentstube.com"
+          sameAs={[
+              'https://www.facebook.com/TalentsTuber',
+              'https://www.instagram.com/talents.tube/',
+              'https://www.linkedin.com/company/talentstube/',
+              'https://twitter.com/TalentsTuber',
+          ]}
+          />
        <Typography gutterBottom component="h1"
          className={classes.title}>
          Les entreprises en <span className={classes.primary}>vidéo</span>
@@ -25,7 +25,7 @@ const styles = theme => ({
    },
  },
  title: {
-    fontFamily: 'Dosis',
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    fontSize: '1.5em',
    fontWeight: '600',
    padding: theme.spacing(3, 0),
@@ -22,7 +22,7 @@ const styles = theme => ({
        bottom: 0,
    },
    title: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
@@ -4,9 +4,11 @@ import { connect } from "react-redux";
 import PropTypes from 'prop-types';
 import getConfig from 'next/config'
 import { withStyles } from '@material-ui/core/styles';
+import OgHead from '../components/atoms/OgHead'
+import RootContainer from '../components/atoms/RootContainer'
 import LayoutOffre from "../components/templates/LayoutOffre";
-const OffreDetail = lazy(() => import('../components/organisms/OffreDetail'));
-//import OffreDetail   from "../components/organisms/OffreDetail";
+// const OffreDetail = lazy(() => import('../components/organisms/OffreDetail'));
+import OffreDetail   from "../components/organisms/OffreDetail";
 import { fetchJobRequest, clearAd, countAdViewRequest } from '../actions/ads'
 import _ from "lodash/string";
 const renderLoader = () => <p>Chargement</p>;
@@ -15,9 +17,12 @@ const styles = theme => ({
 });

 const { publicRuntimeConfig } = getConfig()
+let descriptionSEO = ""
+let titleSEO = ""
+

 class Offre extends React.Component {
-
+    
    componentDidMount() {
        localStorage.setItem('loginRedirect', window.location.pathname)
        localStorage.setItem('adId', this.props.offre.id)
@@ -33,12 +38,30 @@ class Offre extends React.Component {
    }
    render() {
        const { classes, offre } = this.props;
-        const socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `/Offre/${offre.id}-${_.kebabCase(offre.title)}`;
+        descriptionSEO=""
+        offre.company && offre.company.brand_name ? descriptionSEO += offre.company.brand_name : ""
+        descriptionSEO +=  " recrute un(e) "+offre.title+", "+(offre.location && offre.location.gmap_address.formatted_address)+". Envoyez votre candidature vidéo"
+        titleSEO =  "Offre d'emploi "+offre && offre.title && offre.title.replace(' (F/H)', '')+", "+(offre.location && offre.location.gmap_address.formatted_address)+". Envoyez votre candidature vidéo"
+        const socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `Offre/${offre.id}-${_.kebabCase(offre.title)}`;
+        const DefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
+        const imgUrl = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[3]) ? offre.company.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
+        const imgUrlDesktop = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[4]) ? offre.company.presentation_video.thumbnails[0].sizes[4].link : DefaultUrl
+        const imgUrlOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[3]) ? offre.video.thumbnails[0].sizes[3].link : DefaultUrl
+        const imgUrlDesktopOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[4]) ? offre.video.thumbnails[0].sizes[4].link : DefaultUrl
        return (
-            <LayoutOffre backLink="/Offres" offreId={offre.id} offre={offre} isProvided={offre.is_promoted}>
+            <RootContainer>
+                <OgHead seo_title={titleSEO}
+                seo_description={descriptionSEO}
+                seo_url={socialShareUrl}
+                image={imgUrlOffre}
+            ></OgHead>
+           
+                <LayoutOffre backLink="/Offres" offreId={offre.id} offre={offre} isProvided={offre.is_promoted}>
+                
                {/* <Suspense fallback={renderLoader()}><OffreDetail offre={offre}/></Suspense> */}
-                <Suspense fallback={renderLoader()}><OffreDetail offre={offre}/></Suspense>
-            </LayoutOffre>
+                    <OffreDetail offre={offre}/>
+                </LayoutOffre>
+            </RootContainer>
        );
    }

@@ -11,11 +11,9 @@ import OffreRow from "../components/organisms/OffreRow"
 import Typography from '@material-ui/core/Typography';
 import { fetchJobsRequest, togglePromotedFilterRequest} from '../actions/ads'
 import { AdsSelector } from '../reducers/ads'
-import { TextField } from '@material-ui/core';
-import Head from 'next/head'
 import OgHead from '../components/atoms/OgHead';
 import getConfig from 'next/config'
-
+import { SocialProfileJsonLd } from 'next-seo';

 const styles = theme => ({
  root: {
@@ -40,7 +38,7 @@ const styles = theme => ({

  },
  title: {
-    fontFamily: 'Dosis',
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    fontSize: '1.5em',
    fontWeight: '600',
    textAlign: 'center',
@@ -104,7 +102,7 @@ class Offres extends React.Component {
    const { publicRuntimeConfig } = getConfig();
    const socialShareUrl = typeof window !== 'undefined' ? window.location
            : publicRuntimeConfig.frontServerUrl + `/Offres`;
-    const DefaultUrl = publicRuntimeConfig.symphonyUrl + "/img/default_picture_svg"
+    const DefaultUrl = publicRuntimeConfig.symphonyUrl + "img/default_picture_svg"
    const imgUrl = DefaultUrl ;
    return (
      <LayoutGrid backLink="/">
@@ -114,7 +112,18 @@ class Offres extends React.Component {
                    image={imgUrl}
                    seo_key="Recrutement, video"
                    
-                ></OgHead>
+        ></OgHead>
+        <SocialProfileJsonLd
+          type="Talents Tube"
+          name="Talents Tube"
+          url="https://www.talentstube.com"
+          sameAs={[
+              'https://www.facebook.com/TalentsTuber',
+              'https://www.instagram.com/talents.tube/',
+              'https://www.linkedin.com/company/talentstube/',
+              'https://twitter.com/TalentsTuber',
+          ]}
+          />

        <Typography gutterBottom component="h1"
          className={classes.title}>
@@ -39,7 +39,7 @@ const styles = theme => ({
        }
    },
    title: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
@@ -1,13 +1,17 @@
-import React, { Component, Fragment,lazy, Suspense } from 'react';
+import React, { Component, Fragment,lazy, Suspense,  useEffect  } from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography'
 import LayoutBackUrl from '../components/templates/LayoutBackUrl';
+import RootContainer from '../components/atoms/RootContainer'
 import Router from 'next/router';
 import Head from 'next/head'
 // const VideoVimeo = lazy(() => import('../components/atoms/VideoVimeo'));
 import VideoVimeo from '../components/atoms/VideoVimeo';
 import queryString from 'query-string';
+import { fetchJobRequest, clearAd, countAdViewRequest } from '../actions/ads'
 const renderLoader = () => <p>Chargement</p>;
+import { NextSeo } from 'next-seo';
+import dynamic from 'next/dynamic'
 const styles = theme => ({
    player: {
        background:'#1E2327',
@@ -29,7 +33,7 @@ const styles = theme => ({
        bottom: 0,
    },
    title: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
@@ -49,31 +53,75 @@ const styles = theme => ({
    }
 })

-
+let params = dynamic( () => window.location.search, {ssr: false} )
 class Player extends Component {
+    constructor(props)
+    {
+        super(props);
+        var today = new Date(),
+            date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();
+
+        this.state = {
+            date: date
+        };
+        
+        console.log("LOCATION SEARCH");
+        console.log(params);
+    }
    render() {
-        const { classes } = this.props
-        const params = queryString.parse(location.search);
-        console.log(params.id);
-        console.log(params.type);
-        console.log(params.videoId);
-        let url = params.id;
+        const { classes, id, url, typeEntite, videoId, nameCompany, nameOffre } = this.props
+        
+        
+        console.log(id);
+        console.log(typeEntite);
+        let typeVideo= null;
+        let titleVideo= null;
+        let descriptionVideo= null;
+        if(typeEntite=="Offre"){
+            titleVideo=nameCompany+" recrute un(e)"+nameOffre
+            descriptionVideo=nameCompany+" recrute en vidéo un(e)"+nameOffre
+        }else if(typeEntite=="Entreprise"){
+            titleVideo="Découvrez l'entreprise "+nameCompany+" et ses offres d'emploi vidéo"
+            descriptionVideo="Découvrez l'entreprise "+nameCompany+" et ses offres d'emploi vidéo. Envoyez votre candidature spontanée en vidéo"
+        }else if(typeEntite=="Territoire"){
+            titleVideo="Découvrez le territoire "+nameCompany
+            descriptionVideo="Découvrez le territoire "+nameCompany
+        }
+        console.log(videoId);
+        
        return (
-            <LayoutBackUrl text="Player" url={url} >
-                
-                    
-                        <VideoVimeo classes={{ video: classes.video }} videoId={params.videoId} options="" autoplay='1' />
-                
-            </LayoutBackUrl>
+            <RootContainer>
+                <NextSeo
+                title={titleVideo}
+                description={descriptionVideo}
+                noindex={true}
+                nofollow={true}
+                openGraph={{
+                    title: titleVideo,
+                    description: descriptionVideo,
+                    url: "https://www.talentstube.com/Player?id="+id+"&url="+url+"&videoId="+videoId+"&typeEntite="+typeEntite+"&nameCompany="+nameCompany+"&nameOffre="+nameOffre,
+                    type: 'video.movie',
+                    video: {
+                        // Multiple Open Graph actors is only available in version `7.0.2-canary.35`+ of next
+                        releaseDate: this.state.date,
+                        // Multiple Open Graph tags is only available in version `7.0.2-canary.35`+ of next 
+                    },
+                    site_name: 'Talents Tube',
+                }}
+                />
+                <LayoutBackUrl text="Player" url={url} >   
+                    <VideoVimeo classes={{ video: classes.video }} videoId={videoId} options="" autoplay='1' /> 
+                </LayoutBackUrl>
+            </RootContainer>
        )
    }
 }

 Player.getInitialProps = function (context) {

-    let { id, videoId,type } = context.query;
+    let { id, url,videoId,typeEntite, nameCompany, nameOffre } = context.query;
    let {res} = context;
-    return {};
+    return {id:id, url:url, videoId:videoId, typeEntite:typeEntite, nameCompany:nameCompany, nameOffre:nameOffre};
  }


@@ -337,18 +337,14 @@ class Reponse extends React.Component {
        classes.rootStepperActive
      )
    return (
-      <LayoutBack text="Candidature">
+      <LayoutBack text="Candidature" step={this.state.activeStep} openStudio={this.state.openStudio}>
        <Head>
          <title>Candidature vidéo</title>
-          <meta name="description" content="Talent's tube, postulez en video." />
+          <meta name="description" content="Talents tube, postulez en video." />
          <meta key="robots" name="robots" content="noindex, nofollow"></meta>
          
        </Head>
        {/* https://codesandbox.io/s/ii0us */}
-       { loading ? 
-        <LoaderVideo /> :
-       <Fragment>
-        
        <section className={classes.headerContainer}>
         { !!offre.company && (
         
@@ -384,6 +380,12 @@ class Reponse extends React.Component {
          }

        </section>
+       { loading ? 
+        <LoaderVideo textePrincipal="Votre candidature vidéo est en cours d’envoi..." texteSecondaire="Veuillez rester sur la page pendant le chargement qui peut durer plusieurs minutes."/> 
+      :
+       <Fragment>
+        
+        
        <section className={classes.headerContainer}>  
        <Stepper activeStep={activeStep} classes={{ root: rootStepper }} className={classes.rootStepperContainer} alternativeLabel>
          {steps.map((label, index) => {
@@ -25,7 +25,7 @@ const styles = theme => ({
        },
    },
    title: {
-        fontFamily: 'Dosis',
+        fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
        fontSize: '1.5em',
        fontWeight: '600',
        padding: theme.spacing(3, 0),
@@ -31,11 +31,10 @@ class MyDocument extends Document {
          />
          {/* PWA primary color */}
          <meta name="theme-color" content={theme.palette.primary.main} />
-
-          <link href="https://fonts.googleapis.com/css?family=Dosis:600|Roboto:200,300,400,500,700,900&display=swap" rel="stylesheet">
+          <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600&display=swap" rel="stylesheet">
          </link>
-          <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
-          <script type="text/javascript" src="/static/js/pwaInstaller.js" ></script>
+          <script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYV8IJGtIoWLfXJQQvIuDQ88n2aEuRgpg&libraries=places"></script>
+          <script async type="text/javascript" src="/static/js/pwaInstaller.js" ></script>
          {/* Global Site Tag (gtag.js) - Google Analytics */}
          {/* <script
            async
@@ -52,7 +51,7 @@ class MyDocument extends Document {
            }}
          /> */}

-          <script
+          <script defer 
            dangerouslySetInnerHTML={{
              __html: `
 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
@@ -19,7 +19,7 @@ import NoResult from './../components/atoms/NoResult';
 import dynamic from 'next/dynamic'
 import OgHead from '../components/atoms/OgHead';
 import getConfig from 'next/config'
-
+import { BreadcrumbJsonLd } from 'next-seo';
 // const VideoSlider = dynamic(() => import('../components/organisms/ShortVideoHooker'), {
 //   ssr: false
 // });
@@ -122,7 +122,7 @@ const styles = theme => ({
    color: theme.palette.secondary.text,
  },
  title: {
-    fontFamily: 'Dosis',
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    fontSize: '1.5em',
    fontWeight: '600',
    textAlign: 'center',
@@ -172,6 +172,30 @@ class Index extends React.Component {
                    seo_key="Recrutement, video"

        ></OgHead>
+        <BreadcrumbJsonLd
+      itemListElements={[
+        {
+          position: 1,
+          name: 'Offres',
+          item: 'https://www.talentstube.com/Offres',
+        },
+        {
+          position: 2,
+          name: 'Entreprises',
+          item: 'https://www.talentstube.com/Offres',
+        },
+        {
+          position: 3,
+          name: 'Espace recruteur',
+          item: 'https://recruteur.talentstube.com/',
+        },
+        {
+          position: 4,
+          name: "Blog sur l'emploi",
+          item: 'https://blog.talentstube.com/',
+        },
+      ]}
+    />
        <div className={classes.container}>

          {/* <VideoSlider /> */}
@@ -120,7 +120,7 @@ const styles = theme => ({
    color: theme.palette.secondary.text,
  },
  title: {
-    fontFamily: 'Dosis',
+    fontFamily: '"Roboto", "Helvetica", "Arial", "sans-serif"',
    fontSize: '1.5em',
    fontWeight: '600',
    textAlign: 'center',
@@ -148,6 +148,8 @@ class Index extends React.Component {
        suggestions: [],
        valueMetier: '',
        suggestionsMetier: [],
+        valueMetierCompetence: '',
+        suggestionsMetierCompetence: [],
    };
  }

@@ -266,10 +268,63 @@ class Index extends React.Component {
  };


+  // METIER COMPETENCE
+  // Filter logic
+  getSuggestionsMetierCompetence = async (valueMetierCompetence) => {
+    const inputValue = valueMetierCompetence.trim().toLowerCase();
+    let response = await fetch(publicRuntimeConfig.symphonyUrl+"api/getDetailAppelation?q=" + inputValue );
+    // let response = await fetch("http://www.omdbapi.com/?s=" + inputValue + "&apikey=a591bb53");
+    let data = await response.json()
+    return data.competencesDeBase;
+  };
+
+  // Trigger suggestions
+  getSuggestionMetierCompetenceValue = suggestion => suggestion.libelle;
+  // Render Each Option
+  renderSuggestionMetierCompetence = suggestion => (
+      <span className="sugg-option">
+          
+          <span className="name">
+              {suggestion.libelle} ({suggestion.code})
+          </span>
+      </span>
+  );
+
+  // OnChange event handler
+  onChangeMetierCompetence = (event, { newValue }) => {
+      this.setState({
+          valueMetierCompetence: newValue
+      });
+  };
+
+  // Suggestion rerender when user types
+  onSuggestionsMetierCompetenceFetchRequested = ({ value }) => {
+      this.getSuggestionsMetierCompetence(value)
+          .then(data => {
+              if (data.Error) {
+                  this.setState({
+                      suggestionsMetierCompetence: []
+                  });
+              } else {
+                  this.setState({
+                      suggestionsMetierCompetence: data
+                  });
+              }
+          })
+  };
+
+  // Triggered on clear
+  onSuggestionsMetierCompetenceClearRequested = () => {
+      this.setState({
+          suggestionsMetierCompetence: []
+      });
+  };
+
+

  render() {
    const { classes } = this.props;
-    const { value, suggestions, valueMetier, suggestionsMetier } = this.state;
+    const { value, suggestions, valueMetier, suggestionsMetier, valueMetierCompetence, suggestionsMetierCompetence } = this.state;
    // Option props
    const inputProps = {
      placeholder: 'Saisir une compétence',
@@ -282,19 +337,22 @@ class Index extends React.Component {
      value:valueMetier,
      onChange: this.onChangeMetier
    };
+
+    const inputPropsMetierCompetence = {
+      placeholder: 'Saisir un id appellation',
+      value:valueMetierCompetence,
+      onChange: this.onChangeMetierCompetence
+    };
    const socialShareUrl = typeof window !== 'undefined' ? window.location
            : publicRuntimeConfig.frontServerUrl ;
    const DefaultUrl = publicRuntimeConfig.symphonyUrl + "/img/default_picture_svg"
    const imgUrl =  DefaultUrl
    return (
      <Layout>
-        <OgHead seo_title="Talents Tube - Plateforme de recrutement en vidéo"
-                    seo_description="Talents Tube est la première plateforme réservée aux offres d'emploi vidéo, vidéo marque employeur et aux CV vidéos. Découvrez une nouvelle méthode de recrutement."
-                    seo_url={socialShareUrl}
-                    image={imgUrl}
-                    seo_key="Recrutement, video"
-
-        ></OgHead>
+        <Head>
+          <title key="title">Recrutement vidéo : fonctionnement – Talents Tube</title>
+          <meta key="robots" name="robots" content="noindex, nofollow"></meta>
+        </Head>
        <div className={classes.container}>

          {/* <VideoSlider /> */}
@@ -319,6 +377,15 @@ class Index extends React.Component {
                renderSuggestion={this.renderSuggestionMetier}
                inputProps={inputPropsMetier}
            />
+
+            <Autosuggest
+                suggestions={suggestionsMetierCompetence}
+                onSuggestionsFetchRequested={this.onSuggestionsMetierCompetenceFetchRequested}
+                onSuggestionsClearRequested={this.onSuggestionsMetierCompetenceClearRequested}
+                getSuggestionValue={this.getSuggestionMetierCompetenceValue}
+                renderSuggestion={this.renderSuggestionMetierCompetence}
+                inputProps={inputPropsMetierCompetence}
+            />
          </section>

          
@@ -0,0 +1,354 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> 
+  <url>
+    <loc>https://www.talentstube.com/Offre/133-gestionnaire-de-copropriete-f-h</loc>
+    <lastmod>2021-01-29</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprises</loc>
+    <lastmod>2021-01-29</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offres</loc>
+    <lastmod>2021-01-29</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/134-assistant-administratif-et-commercial-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/135-commercial-b-to-c-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/130-assistant-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/131-poseur-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/132-comptable-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/129-commerciaux-b-to-b-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/128-techniciens-poseurs-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/122-chauffeurs-spl-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/115-technicien-ramoneur-fumiste-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/109-equipier-de-plateforme-polyvalent-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/111-couvreur-etancheur-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/107-operateur-soudeur-chaudronnier-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/103-agents-de-quai-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/102-preparateurs-de-commandes-f-h</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.80</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Offre/46-conducteurs-routiers-h-f</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/32507-tpc-ouest</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/32355-hyphae</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/28481-onela</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/28172-pro-fermetures</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/26064-aer-recyclage</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/21247-lactalis-logistique-et-transports</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/19800-silvadec</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/19205-intermarche-logistique-alimentaire-international</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/18143-l-n-u-f-lisieux</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/17467-l-n-u-f-vallet</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16785-nachos</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16639-fast-point</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16247-sasp</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16015-la-veggisserie</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/16007-bforpu-b</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/15797-sinay</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/15559-monibrand</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/13464-jpa</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/12531-grand-ouest-etiquettes</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/12480-fym-action</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/11592-youston</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/11413-les-vergers-de-chateaubourg</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/11345-telemaque</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/9138-vital-concept</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/8639-mma-questembert</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>1.00</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/7593-opticultures</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/7174-atlantem</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/7004-la-table-de-la-desirade</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/6898-le-ptit-club</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/6555-mazars</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/6363-square-habitat</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/5250-linpac-packaging-pontivy-groupe-klockner-pentaplast</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4211-progressis-ge</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4097-a-2-com</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4088-venetis</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/4059-eiffage-construction-grand-ouest</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/3381-mairie-saint-hilaire-de-riez</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/2958-skiold-acemo</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/2527-groupe-mousset</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/2341-temporis</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1899-faurecia</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1691-groupe-syselec</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1467-groupe-rocher-operations</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/1297-albea</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/438-bouyer-leroux</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/266-mgdis</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/157-medaviz</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/95-multiplast</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/52-talents-tube</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/46-actual</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/18-coriolis-composites</loc>
+    <lastmod>2021-01-23</lastmod>
+    <priority>0.70</priority>
+  </url>
+  <url>
+    <loc>https://www.talentstube.com/Entreprise/17-thibault-bergeron</loc>
+    <lastmod>2021-01-24</lastmod>
+    <priority>0.70</priority>
+  </url>
+</urlset>
@@ -0,0 +1,31 @@
+<svg id="Import" xmlns="http://www.w3.org/2000/svg" width="73.762" height="56.425" viewBox="0 0 73.762 56.425">
+  <g id="Groupe_7895" data-name="Groupe 7895" transform="translate(9.499)">
+    <rect id="Rectangle_316" data-name="Rectangle 316" width="42.463" height="23.869" transform="translate(0 3.769) rotate(-5.093)"/>
+    <rect id="Rectangle_317" data-name="Rectangle 317" width="2.656" height="2.656" transform="translate(1.401 6.158) rotate(-5.093)" fill="#fff"/>
+    <rect id="Rectangle_318" data-name="Rectangle 318" width="2.656" height="2.656" transform="translate(1.866 11.472) rotate(-5.093)" fill="#fff"/>
+    <rect id="Rectangle_319" data-name="Rectangle 319" width="2.656" height="2.656" transform="translate(2.327 16.747) rotate(-5.093)" fill="#fff"/>
+    <rect id="Rectangle_320" data-name="Rectangle 320" width="2.656" height="2.656" transform="translate(2.826 22.019) rotate(-5.093)" fill="#fff"/>
+    <rect id="Rectangle_321" data-name="Rectangle 321" width="2.656" height="2.656" transform="translate(38.67 2.848) rotate(-5.093)" fill="#fff"/>
+    <rect id="Rectangle_322" data-name="Rectangle 322" width="2.656" height="2.656" transform="translate(39.131 8.123) rotate(-5.093)" fill="#fff"/>
+    <rect id="Rectangle_323" data-name="Rectangle 323" width="2.656" height="2.656" transform="translate(39.633 13.433) rotate(-5.093)" fill="#fff"/>
+    <rect id="Rectangle_324" data-name="Rectangle 324" width="2.656" height="2.656" transform="translate(40.094 18.708) rotate(-5.093)" fill="#fff"/>
+    <path id="Tracé_278" data-name="Tracé 278" d="M229.4,202.9l6.275,3.311-5.582,4.35Z" transform="translate(-210.257 -192.71)" fill="#fff"/>
+  </g>
+  <path id="Tracé_279" data-name="Tracé 279" d="M217.367,282.859l-6.93,6.93-48.507-6.93L155,275.93l6.93-6.93h55.437Z" transform="translate(-155 -233.363)" fill="#d0e7fe"/>
+  <path id="Tracé_280" data-name="Tracé 280" d="M173,269v6.93h48.507l6.93-6.93Z" transform="translate(-166.07 -233.363)" fill="#b8dbfe"/>
+  <g id="Groupe_7897" data-name="Groupe 7897" transform="translate(28.442 19.099)">
+    <g id="Groupe_7896" data-name="Groupe 7896" transform="translate(3.551)">
+      <path id="Tracé_281" data-name="Tracé 281" d="M239.065,257.45a.488.488,0,0,1-.231-.039.939.939,0,0,1-.693-1.155,50.925,50.925,0,0,0,1.463-12.088,51.857,51.857,0,0,0-.346-6.006.969.969,0,0,1,1.925-.231,55.915,55.915,0,0,1,.346,6.237,52.807,52.807,0,0,1-1.5,12.55A.952.952,0,0,1,239.065,257.45Z" transform="translate(-238.104 -232.827)" fill="#25d89a"/>
+      <path id="Tracé_282" data-name="Tracé 282" d="M240.5,229.337a1.021,1.021,0,0,1-.962-.808c-.077-.462-.154-.885-.27-1.347a.944.944,0,0,1,1.848-.385c.077.462.192.924.269,1.386a.969.969,0,0,1-.77,1.116A.141.141,0,0,1,240.5,229.337Z" transform="translate(-238.804 -226.042)" fill="#25d89a"/>
+    </g>
+    <path id="Tracé_283" data-name="Tracé 283" d="M233.084,279.525l-4.042-6.237a.972.972,0,1,1,1.617-1.078l3,4.62,4.62-3a.972.972,0,0,1,1.078,1.617Z" transform="translate(-228.879 -254.171)" fill="#25d89a"/>
+  </g>
+  <path id="Tracé_284" data-name="Tracé 284" d="M316.393,300.545h-9.008a.385.385,0,1,1,0-.77h8.7l5.505-5.659a.381.381,0,1,1,.539.539Z" transform="translate(-248.483 -248.739)" fill="#25d89a"/>
+  <path id="Tracé_285" data-name="Tracé 285" d="M317.93,299.2h-6.545a.385.385,0,0,1,0-.77h6.237l4.2-4.312a.381.381,0,1,1,.539.539Z" transform="translate(-250.943 -248.739)" fill="#fa6362"/>
+  <g id="Groupe_7899" data-name="Groupe 7899" transform="translate(30.144 40.641)">
+    <g id="Groupe_7898" data-name="Groupe 7898" transform="translate(0 0)">
+      <path id="Tracé_286" data-name="Tracé 286" d="M233.3,282l2.5,3.811,5.89-3.811h-3.542l-.654.423a1.636,1.636,0,0,0,.077-.423H233.3Z" transform="translate(-233.3 -282)" fill="#21b77e"/>
+    </g>
+  </g>
+  <rect id="Rectangle_325" data-name="Rectangle 325" width="55.437" height="13.859" transform="translate(0 42.566)" fill="#fff"/>
+</svg>
@@ -5,9 +5,6 @@ import {
    UPLOAD_MEDIA_PRES_REQUEST,
    UPLOAD_MEDIA_PRES_FAILURE,
    UPLOAD_MEDIA_PRES_SUCCESS,
-    UPLOAD_MEDIA_CV_REQUEST,
-    UPLOAD_MEDIA_CV_FAILURE,
-    UPLOAD_MEDIA_CV_SUCCESS,
 } from "../types";

 export function media(state = {
@@ -47,23 +44,7 @@ export function media(state = {
                errors: action.errors,
                loading: false
            };
-        case UPLOAD_MEDIA_CV_REQUEST:
-            return {
-                ...state,
-                loading: true
-            };
-        case UPLOAD_MEDIA_CV_SUCCESS:
-            return {
-                ...state,
-                ...action.res.data,
-                loading: false
-            };
-        case UPLOAD_MEDIA_CV_FAILURE:
-            return {
-                ...state,
-                errors: action.errors,
-                loading: false
-            };
+        
        default:
            return state;
    }
@@ -0,0 +1,43 @@
+import {
+    UPLOAD_MEDIA_CV_REQUEST,
+    UPLOAD_MEDIA_CV_FAILURE,
+    UPLOAD_MEDIA_CV_SUCCESS,
+} from "../types";
+
+export function mediaCv(state = {
+}, action = {}) {
+    switch (action.type) {
+        case UPLOAD_MEDIA_CV_REQUEST:
+            return {
+                ...state,
+                loading: true
+            };
+        case UPLOAD_MEDIA_CV_SUCCESS:
+            return {
+                ...state,
+                ...action.res.data,
+                loading: false
+            };
+        case UPLOAD_MEDIA_CV_FAILURE:
+            return {
+                ...state,
+                errors: action.errors,
+                loading: false
+            };
+        default:
+            return state;
+    }
+}
+
+export const mediaCvErrorsSelector = state => {return !!state.mediaCv.errors ?state.mediaCv.errors.response.data:null};
+
+export const errorMessageSelector = (state) => {
+    let err = mediaCvErrorsSelector(state)
+    if (!!!err)
+        return null;
+    switch(err.code)
+    {
+        case 500:
+            return {message: "Le téléversement de votre video à échoué."}
+    }
+}
@@ -10,6 +10,7 @@ import { emphasisCompanies } from "./reducers/emphasisCompanies";
 import { answer } from "./reducers/answer";
 import { answers } from "./reducers/answers";
 import { media } from "./reducers/media";
+import { mediaCv } from "./reducers/mediaCv";

 export const exampleInitialState = {
  user: {
@@ -41,6 +42,9 @@ export const exampleInitialState = {
  },
  media:{

+  },
+  mediaCv:{
+
  },
  answers:{
    data: {}
@@ -57,5 +61,6 @@ export default combineReducers({
  emphasisCompanies,
  answer,
  media,
+  mediaCv,
  answers
 });
@@ -26,9 +26,13 @@ import {
  uploadMediaFailure,
  uploadMediaPresSuccess,
  uploadMediaPresFailure,
+
+} from "../actions/media";
+
+import {
  uploadMediaCvSuccess,
  uploadMediaCvFailure
-} from "../actions/media";
+} from "../actions/mediaCv";
 import AuthRouter from "../pages/AuthRouter";

 export function* postAdAnswerRequestSaga(action) {
@@ -101,7 +105,7 @@ export function* uploadMediaPresSaga(action) {
 export function* uploadMediaCvSaga(action) {
  try {

-    const res = yield call(api.medias.uploadMediaCv, action.payload);
+    const res = yield call(api.cv.uploadMediaCv, action.payload);

    if (!!res.data)
      yield put(uploadMediaCvSuccess(res));
@@ -168,7 +168,7 @@ app.prepare()

    server.get('/Player', (req, res) => {
      const actualPage = '/Player'
-      const queryParams = { id: req.query.id, videoId:req.query.videoId, type:req.query.type }
+      const queryParams = { id: req.query.id, url: req.query.url, videoId:req.query.videoId, typeEntite:req.query.typeEntite, nameCompany:req.query.nameCompany, nameOffre:req.query.nameOffre }
      app.render(req, res, actualPage, queryParams)
    })

@@ -25,12 +25,12 @@ exports.sendTransactionnelEmail = function () {
        "Messages":[
          {
            "From": {
-              "Email": "l.laniau@talentstube.com",
+              "Email": "dev@talentstube.com",
              "Name": "Laurent"
            },
            "To": [
              {
-                "Email": "l.laniau@talentstube.com",
+                "Email": "dev@talentstube.com",
                "Name": "Laurent"
              }
            ],
@@ -10,6 +10,14 @@ const formatDate = require("./formatDate");
 const robotsTxt = `# crawl setup
 User-agent: *
 Disallow: /Login*
+Disallow: /Help
+Disallow: /MentionsLegales
+Disallow: /Inscription
+Disallow: /Cgu
+Disallow: /Confidentialite
+Disallow: /Candidature
+Disallow: /CandidatureValidation
+Disallow: /profileStep
 # Sitemap
 Sitemap: https://www.talentstube.com/sitemap_local.xml`

@@ -33,8 +41,8 @@ const sitemapXml = `<?xml version="1.0" encoding="UTF-8"?>
  )}
 </urlset>`;

-fs.writeFileSync("out/sitemap_local.xml", sitemapXml);
-console.log("sitemap_local.xml saved!");
+// fs.writeFileSync("out/sitemap_local.xml", sitemapXml);
+//console.log("sitemap_local.xml saved!");

 // GOOGLE's VERIFY HTML
 // const googleVerify = `google-site-verification: google8f5d91a719b65f09.html`;
@@ -16,7 +16,7 @@ function setup() {
  const tranport = setup();
  const email = {
    from: process.env.EMAIL_FROM,
-    to: "l.laniau@talentstube.com",
+    to: "contact@talentstube.com",
    subject: "PWA feedback 💌⚡️",
    text: `
    Hello Team,
Author	SHA1	Message	Date
llaniau	f53743a03e	Version V2.6.2	2021-02-10 15:15:21 +01:00
llaniau	d90682c710	Referencement player	2021-02-10 15:03:31 +01:00
llaniau	5456dfd4c4	Optimisation referencement + geoloc	2021-02-08 09:14:31 +01:00
llaniau	df81b18194	async defer	2021-02-02 08:37:21 +01:00
llaniau	ed9bfff65d	Optimisation referencement (typo, et async)	2021-02-02 08:37:05 +01:00
llaniau	39d29567ce	Optimisation referencement	2021-02-01 22:38:27 +01:00
llaniau	10897f633d	siteMap optimisé	2021-01-24 20:01:23 +01:00
llaniau	41916bc451	sitempa et robots.txt	2021-01-24 12:40:38 +01:00
llaniau	06e6b615b1	MEP V2.5.4	2021-01-21 14:46:23 +01:00
llaniau	ce95cb2d66	Ne pas afficher champ geoloc	2021-01-21 13:44:28 +01:00
llaniau	fe1747ea90	version V2.5.4	2021-01-20 18:17:32 +01:00
llaniau	f6edb107b2	retour recette Corentin	2021-01-20 18:15:39 +01:00
llaniau	28ae59b7e4	lmodif taille image mini	2021-01-20 11:30:14 +01:00
llaniau	65b6a9b9dc	Reglage partage facebook	2021-01-20 11:24:46 +01:00
llaniau	d0ce6516dc	Og head partage image	2021-01-20 11:03:58 +01:00
llaniau	12c3b2e1cd	version 2.5.2	2021-01-20 10:21:41 +01:00
llaniau	3fc5bc6424	non referencement test4	2021-01-19 19:39:17 +01:00
llaniau	f0fe21a14e	Layoutback	2021-01-19 16:28:38 +01:00
llaniau	9c19993bcc	Bug Og suite retour pre prod	2021-01-19 15:59:19 +01:00
llaniau	00fdb164af	bug og entreprise	2021-01-18 17:33:14 +01:00
llaniau	6e6ac8e440	Correction OgHead	2021-01-18 17:25:43 +01:00
llaniau	8259112aac	Bug og suite	2021-01-18 16:10:26 +01:00
llaniau	b0f66eb9fd	Changement _document.js pour mettre un og par def	2021-01-18 11:12:49 +01:00
llaniau	c08f3db680	bug og suite	2021-01-18 10:33:33 +01:00
llaniau	de1a56285d	Bug og suite	2021-01-18 10:30:23 +01:00
llaniau	1e78256886	Bug Og	2021-01-18 10:20:08 +01:00
llaniau	37c54c4dd0	Pb og facebook sur image	2021-01-18 10:15:07 +01:00
llaniau	21c61e6128	OgHead en haut	2021-01-18 10:03:11 +01:00
llaniau	32e3826c27	facebook id pour poartage og	2021-01-18 09:58:56 +01:00
llaniau	9d647525b3	Mise en place dev@talentstube.com	2021-01-18 09:43:57 +01:00
llaniau	ed19b99bba	US482.488 Permettre aux d'envoyer plusieurs videos	2021-01-14 17:02:31 +01:00
llaniau	9c38c8c03d	Mise en place de stats	2021-01-13 17:28:54 +01:00
llaniau	f200235ced	LayoutBack avec popup	2021-01-12 18:50:33 +01:00
llaniau	92a93452bb	US451 : Chgt mise en page sticky	2021-01-11 15:56:43 +01:00
llaniau	5626e2d592	US451 : refonte page entreprise	2021-01-06 17:25:30 +01:00
llaniau	a52c855ec2	Init V2.5.1	2021-01-06 13:39:42 +01:00
llaniau	16e5218f16	MEP V2.5.0	2021-01-05 17:52:08 +01:00
llaniau	68e5abb088	Bug sur le cv papier	2021-01-05 13:37:09 +01:00
llaniau	b52f05002b	Bug cv papier	2021-01-04 18:13:23 +01:00
llaniau	e1bb5de959	Bug reducer Media mediaCv	2021-01-04 17:56:23 +01:00