Referencement Offre et Modif profil

suppresion ville dans url Entreprise
maj referencement
2020-09-16 11:49:04 +02:00 · 2020-09-15 17:49:20 +02:00 · 2020-09-15 17:43:34 +02:00 · 2020-09-15 14:11:44 +02:00 · 2020-09-15 12:43:27 +02:00 · 2020-09-15 11:46:21 +02:00
34 changed files with 738 additions and 278 deletions
@@ -1,13 +1,13 @@
 import {
-  FETCH_ADS_REQUEST,
-  FETCH_ADS_SUCCESS,
-  FETCH_ADS_FAILURE,
-  FETCH_AD_REQUEST,
-  FETCH_AD_SUCCESS,
-  FETCH_AD_FAILURE,
-  FETCH_EMPHASIS_ADS_REQUEST,
-  FETCH_EMPHASIS_ADS_SUCCESS,
-  FETCH_EMPHASIS_ADS_FAILURE,
+  FETCH_JOBS_REQUEST,
+  FETCH_JOBS_SUCCESS,
+  FETCH_JOBS_FAILURE,
+  FETCH_JOB_REQUEST,
+  FETCH_JOB_SUCCESS,
+  FETCH_JOB_FAILURE,
+  FETCH_EMPHASIS_JOBS_REQUEST,
+  FETCH_EMPHASIS_JOBS_SUCCESS,
+  FETCH_EMPHASIS_JOBS_FAILURE,
  CLEAR_AD,
  COUNT_AD_VIEW,
  TOGGLE_PROMOTED_FILTER_ADS
@@ -28,52 +28,52 @@ export const togglePromotedFilterRequest = () => ({

 //Ads list

-export const fetchAdsRequest = (payload) => ({
-    type: FETCH_ADS_REQUEST,
+export const fetchJobsRequest = (payload) => ({
+    type: FETCH_JOBS_REQUEST,
    payload
  });
  
-  export const fetchAdsSuccess = res => ({
-    type: FETCH_ADS_SUCCESS,
+  export const fetchJobsSuccess = res => ({
+    type: FETCH_JOBS_SUCCESS,
    res
  });
  
-  export const fetchAdsFailure = res => ({
-    type: FETCH_ADS_FAILURE,
+  export const fetchJobsFailure = res => ({
+    type: FETCH_JOBS_FAILURE,
    res
  });

  //Ads list
  
-  export const fetchEmphasisAdsRequest = (payload) => ({
-      type: FETCH_EMPHASIS_ADS_REQUEST,
+  export const fetchEmphasisJobsRequest = (payload) => ({
+      type: FETCH_EMPHASIS_JOBS_REQUEST,
      payload
    });
    
-    export const fetchEmphasisAdsSuccess = res => ({
-      type: FETCH_EMPHASIS_ADS_SUCCESS,
+    export const fetchEmphasisJobsSuccess = res => ({
+      type: FETCH_EMPHASIS_JOBS_SUCCESS,
      res
    });
    
-    export const fetchEmphasisAdsFailure = res => ({
-      type: FETCH_EMPHASIS_ADS_FAILURE,
+    export const fetchEmphasisJobsFailure = res => ({
+      type: FETCH_EMPHASIS_JOBS_FAILURE,
      res
    });

  //Single ad

-  export const fetchAdRequest = payload => ({
-    type: FETCH_AD_REQUEST,
+  export const fetchJobRequest = payload => ({
+    type: FETCH_JOB_REQUEST,
    payload
  });
  
-  export const fetchAdSuccess = res => ({
-    type: FETCH_AD_SUCCESS,
+  export const fetchJobSuccess = res => ({
+    type: FETCH_JOB_SUCCESS,
    res
  });
  
-  export const fetchAdFailure = res => ({
-    type: FETCH_AD_FAILURE,
+  export const fetchJobFailure = res => ({
+    type: FETCH_JOB_FAILURE,
    res
  });

@@ -2,9 +2,9 @@ import {
  POST_AD_ANSWER_REQUEST,
  POST_AD_ANSWER_FAILURE,
  POST_AD_ANSWER_SUCCESS,
-  FETCH_ADS_ANSWER_REQUEST,
-  FETCH_ADS_ANSWER_SUCCESS,
-  FETCH_ADS_ANSWER_FAILURE,
+  FETCH_JOBS_ANSWER_REQUEST,
+  FETCH_JOBS_ANSWER_SUCCESS,
+  FETCH_JOBS_ANSWER_FAILURE,
  FETCH_ANSWER_REQUEST,
  FETCH_ANSWER_SUCCESS,
  FETCH_ANSWER_FAILURE,
@@ -47,19 +47,19 @@ export const postMessageAnswerSuccess = res => ({
 });


-export const fetchAdsAnsweredRequest = payload => ({
-  type: FETCH_ADS_ANSWER_REQUEST,
+export const fetchJobsAnsweredRequest = payload => ({
+  type: FETCH_JOBS_ANSWER_REQUEST,
  payload
 });

-export const fetchAdsAnsweredSuccess = res => ({
-  type: FETCH_ADS_ANSWER_SUCCESS,
+export const fetchJobsAnsweredSuccess = res => ({
+  type: FETCH_JOBS_ANSWER_SUCCESS,
  res
 });


-export const fetchAdsAnsweredFailure = errors => ({
-  type: FETCH_ADS_ANSWER_FAILURE,
+export const fetchJobsAnsweredFailure = errors => ({
+  type: FETCH_JOBS_ANSWER_FAILURE,
  errors
 });

@@ -7,7 +7,7 @@ const OgHead = props => {
        <Head>
            <title key="title">{props.seo_title}</title>
            <meta name="robots" content="noindex, nofollow"></meta>
-            <meta name="description" kenoindexy="description" content={props.seo_title} />
+            <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" />
@@ -24,7 +24,11 @@ const OgHead = props => {
            <meta name="twitter:title" content={props.seo_title}/>
            <meta name="twitter:description" content={props.seo_title}/>
            <meta name="twitter:image" content={props.image}/>
+            <meta http-equiv='cache-control' content='no-store,no-cache'></meta>
+            <meta http-equiv='expires' content='0'></meta>
+            <meta http-equiv='pragma' content='no-cache'></meta>
            <link rel="canonical" href={ props.seo_url} />    
+            
        </Head>
        
    )
@@ -7,8 +7,11 @@ import { connect } from 'react-redux'
 import { updateUserRequest } from '../../actions/user'
 import getConfig from 'next/config'
 import Validator from "validator";
+import AccountProfile from '../organisms/AccountProfile';
 import ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';
-
+import {
+    Button,
+} from '@material-ui/core';

 const styles = theme => ({
    container: {
@@ -58,7 +61,7 @@ const styles = theme => ({
 const { publicRuntimeConfig } = getConfig();

 //https://xd.adobe.com/view/ba98331a-9145-4d67-7e27-25a36e519ef4-cca9/screen/a96779d7-bdb3-410a-8f19-e6987acb98ee/Candidature-Step-3
-class Accountdetails extends Component {
+class AccountEtape1 extends Component {

    constructor(props) {
        super(props);
@@ -110,7 +113,8 @@ class Accountdetails extends Component {
    onBlur(e) {
        console.log("blur")
        this.setState({ [e.target.name]: e.target.value });
-        this.soumettre();
+        
+        this.soumettre(e.target.name, "unitaire");
      }     
    

@@ -156,12 +160,16 @@ class Accountdetails extends Component {
    onSubmit = (e) => {
        
        e.preventDefault();
-        this.soumettre(e);
+        console.log("submit")
+        console.log(e.keyCode)
+        
+        this.soumettre(e.target.name, "global")
        
    }
-    soumettre(e){
-        
-        const errors = this.validate(this.state);
+    soumettre(champ, type){
+        console.log("soumettre");
+        console.log(champ);
+        const errors = this.validate(this.state, champ, type);
        const success = {};
        this.setState({ errors });
        if (!this.state.errors || !this.state.errors.message){
@@ -189,18 +197,19 @@ class Accountdetails extends Component {
            
        }
    }
-
-    validate = data => {
+    validate(data,champ, type){
+        console.log("valdiate")
+        console.log(champ);
        const errors = {};
        errors.message ="";
        //if (!Validator.isEmail(data.currentJob)) errors.message += "Le poste actuel doit etre un email\n";
-        if (!data.firstname || data.firstname==="") errors.message += "Veuillez saisir votre prénom<br />";
-        if (!data.lastname || data.lastname==="") errors.message += " Veuillez saisir saisir votre nom<br />";
-        if (!data.phone || data.phone==="") errors.message += "Veuillez saisir un numéro de téléphone valide<br />";
-        if (!data.currentJob || data.currentJob==="") errors.message += "Veuillez saisir votre intitulé de poste actuel ou poste recherché<br />";
-        if ((data.zipCode && data.zipCode!="") && !Validator.isPostalCode(data.zipCode, "FR")) errors.message += "Le code postal n'est pas correct<br />";
-        if ((data.website && data.website!="") && !Validator.isURL(data.website)) errors.message += " Veuillez ajouter un site internet avec une url valide<br />";
-        if (!Validator.isMobilePhone(data.phone, "fr-FR") && !Validator.isNumeric(data.phone, "fr-FR")) errors.message += "Le téléphone n'est pas correct<br />";
+        if (type=="global" || (champ=="firstname" &&  data.firstname=="")) errors.message += "Veuillez saisir votre prénom<br />";
+        if (type=="global" || (champ=="lastname" &&  data.lastname=="")) errors.message += " Veuillez saisir saisir votre nom<br />";
+        if (type=="global" || (champ=="phone" && data.phone=="")) errors.message += "Veuillez saisir un numéro de téléphone<br />";
+        if (type=="global" || (champ=="currentJob" &&  data.currentJob=="")) errors.message += "Veuillez saisir votre intitulé de poste actuel ou poste recherché<br />";
+        if (type=="global" || (champ=="zipCode" && (data.zipCode && data.zipCode!="") && !Validator.isPostalCode(data.zipCode, "FR"))) errors.message += "Le code postal n'est pas correct<br />";
+        // if ((data.website && data.website!="") && !Validator.isURL(data.website)) errors.message += " Veuillez ajouter un site internet avec une url valide<br />";
+        // if (!Validator.isMobilePhone(data.phone, "fr-FR") && !Validator.isNumeric(data.phone, "fr-FR")) errors.message += "Le téléphone n'est pas correct<br />";
        //console.log(errors.email);
        
        return errors;
@@ -221,18 +230,18 @@ class Accountdetails extends Component {
    

    AfficherSuccess() {
-      if (this.state.success && this.state.success.length != 0 && this.state.success.message != "") {      
-          return (
-            <Snackbar open={open} autoHideDuration={1000} onClose={() => this.setState({open: false})}>
-              <Alert onClose={() => this.setState({open: false})} severity="success">
-                {ReactHtmlParser(this.state.success.message)}
-              </Alert>
-            </Snackbar>
+    //   if (this.state.success && this.state.success.length != 0 && this.state.success.message != "") {      
+    //       return (
+    //         <Snackbar open={open} autoHideDuration={1000} onClose={() => this.setState({open: false})}>
+    //           <Alert onClose={() => this.setState({open: false})} severity="success">
+    //             {ReactHtmlParser(this.state.success.message)}
+    //           </Alert>
+    //         </Snackbar>
            
              
-          );
+    //       );
        
-      }
+    //   }
      return "";
    }

@@ -249,9 +258,17 @@ class Accountdetails extends Component {
        this.props.updateUserPictureRequest(data)
    }

+    
+
    render() {
        const { classes, user } = this.props
        const logoUrl = user.picture;
+        function refresh() {
+            document
+                .location
+                .reload(true);
+            
+        }
        return (
          <section className={classes.container}>
            <form className={classes.form}
@@ -456,6 +473,14 @@ class Accountdetails extends Component {
                        onChange={this.handleChange}
                        onBlur={this.onBlur} 
                    />
+                    <Button
+                            type="submit"
+                            variant="contained"
+                            color="primary"
+                            
+                            className={classes.button}>
+                            Enregistrer
+                        </Button>
                </form>
                {/* <div id="F" className={classes.foot}>
                    <Button variant="contained" className={classes.button + ' cypButtonSendApplication'} onClick={this.onSubmit}>Mettre à jour!</Button>
@@ -475,4 +500,4 @@ function mapStateToProps(state, ownProps) {
    };
 }

-export default withStyles(styles)(connect(mapStateToProps, {  updateUserRequest })(Accountdetails))
+export default withStyles(styles)(connect(mapStateToProps, {  updateUserRequest })(AccountEtape1));
@@ -47,7 +47,7 @@ const styles = theme => ({
    backgroundColor:  theme.palette.secondary.main,
    padding: theme.spacing(3, 2),
    margin: theme.spacing(1),
-    width: "400px",
+    width: "370px",
    boxShadow: '0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1' +
            'px rgba(0, 0, 0, 0.14)',
    '&:hover': {
@@ -134,22 +134,44 @@ class Etape3 extends React.Component {

  AfficherLienCv() {
    console.log("afficher lien");
-     if (this.props.user.cv !="") {
+     if (this.state.cvLink !="") {
      
        return (
          
          <Fragment>
            <Hidden>&nbsp;</Hidden>
            <Hidden>&nbsp;</Hidden>
-            <Divider style={{width:400+"px"}}/>
+            
+            <Hidden>&nbsp;</Hidden>
+            <Hidden>&nbsp;</Hidden>
+            <Card  variant="" style={{
+              width:370+"px", 
+              boxShadow: '0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1' +
+                      'px rgba(0, 0, 0, 0.14)',
+              marginLeft : '10px',
+              marginTop:'10px'
+              
+              }}>
            <Hidden>&nbsp;</Hidden>
-            <Card  variant="outlined" style={{width:400+"px"}}>
              <CardActions>
-                <Button size="small">Mon CV numérique</Button>
+                <Button size="small">MON CV</Button>
              </CardActions>
              <CardContent>
-                <Typography>
-                  <a href={publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.postedContentCv + this.state.cvLink} target="_blank">Lien vers le cv téléchargé</a><br />
+                <Typography >
+                  <a href={publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.postedContentCv + this.state.cvLink} 
+                  target="_blank"
+                  style={{ 
+                    color:'#1689FB',
+                    '&:hover': {
+                      color: '#1689FB',
+                    },
+                    fontWeight: '700',
+                    fontSize: '1em',
+                    }}
+                  >
+                    Visionner mon CV
+                    </a>
+                    <br />
                {/* <a href="https://www.permatheque.fr/PDF/mansobufukuoka-larevolutiondunseulbrindepaille.pdf" target="_blank">lien</a> */}
                </Typography>
              </CardContent>
@@ -185,11 +207,13 @@ class Etape3 extends React.Component {
            <Button component="span" className={classes.importButton} classes={{ root: classes.rootButton }}>
              <img alt="talents-tube" src='/statique/images/Import-cv-candidat.svg' className={classes.iconButton} />
              <Typography  className={classes.textButton}>
-                J'<span className={classes.underlined}>importe</span> mon CV au format PDF
+                J'<span className={classes.underlined}>importe</span> mon CV 
              </Typography>
              <KeyboardArrowDownIcon className={ classes. InputKeyboardArrowDownIcon }/>
            </Button>
+            
          </label>
+          <Hidden>&nbsp;</Hidden>
          {this.AfficherLienCv()}
          
        </Fragment>
@@ -208,7 +232,7 @@ Etape3.getInitialProps = function (context) {
     context.store.dispatch(fetchCurrentUserRequest())

  if(!!adId)
-    context.store.dispatch(fetchAdRequest(adId))
+    context.store.dispatch(fetchJobRequest(adId))
  else if(!!companyId)
    context.store.dispatch(fetchCompanyRequest(companyId))

@@ -1,28 +1,31 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import AccountStep from "../../components/organisms/AccountStep";
+// import AccountStep from "../../components/organisms/AccountStep";
 import AccountEtape1 from '../organisms/AccountEtape1';
 import AccountEtape2 from '../organisms/AccountEtape2';
 import AccountEtape3 from '../organisms/AccountEtape3';
 import {withStyles} from '@material-ui/core/styles';
-import Switch from '@material-ui/core/Switch';
+// import Switch from '@material-ui/core/Switch';
 import PhoneIcon from '@material-ui/icons/Phone';
 import MailIcon from '@material-ui/icons/Mail';
 import PublicIcon from '@material-ui/icons/Public';
+import DuoIcon from '@material-ui/icons/Duo';
 import LinkedInIcon from '@material-ui/icons/LinkedIn';
-import FormGroup from '@material-ui/core/FormGroup';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import FormControl from '@material-ui/core/FormControl';
+import Facebook from '@material-ui/icons/Facebook';
+// import FormGroup from '@material-ui/core/FormGroup'; import FormControlLabel
+// from '@material-ui/core/FormControlLabel'; import FormControl from
+// '@material-ui/core/FormControl';
 import {updateUserRequest, updateUserPictureRequest} from '../../actions/user'
 import {makeStyles} from '@material-ui/styles';
 import {connect} from 'react-redux'
 import getConfig from 'next/config'
 import BottomNavigation from '@material-ui/core/BottomNavigation';
-import BottomNavigationAction from '@material-ui/core/BottomNavigationAction';
+// import BottomNavigationAction from
+// '@material-ui/core/BottomNavigationAction';
 import RefreshIcon from '@material-ui/icons/Refresh';
-import FavoriteIcon from '@material-ui/icons/Favorite';
-import LocationOnIcon from '@material-ui/icons/LocationOn';
+// import FavoriteIcon from '@material-ui/icons/Favorite'; import LocationOnIcon
+// from '@material-ui/icons/LocationOn';

 import Box from '@material-ui/core/Box';

@@ -78,6 +81,29 @@ const useStyles = makeStyles(theme => ({
    progress: {
        marginTop: theme.spacing(2)
    },
+    information: {
+        display: 'flex',
+        flexDirection: 'column',
+        backgroundColor: theme.palette.primary.main,
+        [
+            theme
+                .breakpoints
+                .up('md')
+        ]: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            justifyContent: 'space-around',
+            backgroundColor: theme.palette.primary.main,
+            padding: theme.spacing(7, 7)
+        },
+        '& a': {
+            textDecoration: 'none'
+        }
+    },
+    texteBlanc: {
+        color: "#fff"
+    },
    uploadButton: {
        marginRight: theme.spacing(2)
    },
@@ -226,8 +252,10 @@ const AccountProfile = props => {
    function isStepComplete(step) {
        return completed.has(step);
    }
-    function refresh (){
-        document.location.reload(true);
+    function refresh() {
+        document
+            .location
+            .reload(true);
        console.log("refresh")
    }

@@ -241,45 +269,99 @@ const AccountProfile = props => {
            <Grid item lg={3} md={6} xl={4} xs={12}>
                <Card {...rest} className={clsx(classes.root, className)}>
                    <CardContent>
+                        <div id="fb-root"></div>
+                        <script
+                            async
+                            defer
+                            crossorigin="anonymous"
+                            src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v8.0&appId=2332071840142634&autoLogAppEvents=1"
+                            nonce="O28M4TTm"></script>
                        <div className={classes.details}>
                            <div>
                                <Typography gutterBottom variant="h5">
-                                    {user.lastname} &nbsp;
-                                    {user.firstname} <a href="#" onClick={refresh}><RefreshIcon  className={classes.menuButton}/></a>
+                                    {user.lastname}
+                                    &nbsp; {user.firstname}
+                                    <a href="#" onClick={refresh}><RefreshIcon className={classes.menuButton}/></a>
                                </Typography>
                                <Typography
                                    className={classes.locationText}
                                    color="textSecondary"
                                    variant="body1">
-                                    <MailIcon className={classes.menuButton}/> : {user.email}<br/>
-                                    <PhoneIcon className={classes.menuButton}/> : {user.phone}<br/>
-                                    <LinkedInIcon className={classes.menuButton}/> : {(user.linkedin && user.linkedin !='' && user.linkedin != 'null') ? <a href={user.linkedin} target="_blank">Lien sur mon linkendIn</a> : 'Non renseigné'}<br/>
-                                    <PublicIcon className={classes.menuButton}/> : {(user.website && user.website !='' && user.website != 'null') ? <a href={user.website} target="_blank">Lien sur mon site</a> : 'Non renseigné'}
+                                    <MailIcon className={classes.menuButton}/>
+                                    : {user.email}<br/>
+                                    <PhoneIcon className={classes.menuButton}/>
+                                    : {user.phone}<br/>
+                                    <LinkedInIcon className={classes.menuButton}/>
+                                    : {(user.linkedin && user.linkedin != '' && user.linkedin != 'null')
+                                        ? <a href={user.linkedin} target="_blank">Lien sur mon linkendIn</a>
+                                        : 'Non renseigné'}<br/>
+                                    <PublicIcon className={classes.menuButton}/>
+                                    : {(user.website && user.website != '' && user.website != 'null')
+                                        ? <a href={user.website} target="_blank">Lien sur mon site</a>
+                                        : 'Non renseigné'}<br/>
+                                    
+                                    
+                                    
                                </Typography>
-                                <Typography className={classes.dateText} color="textSecondary" variant="body1"></Typography>
+                                
                            </div>
-                            <Avatar
+                            {/* <Avatar
                                className={classes.avatar}
-                                src={publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.postedContentUrl + logoUrl}/>
+                                src={publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.postedContentUrl + logoUrl}/> */}
+                        </div>
+                        <div>
+                        <Box m={3}/>
+                        <Divider/>
+                        <Box m={3}/>
+                        <Typography
+                                    className={classes.locationText}
+                                    color="textSecondary"
+                                    variant="body1">
+                                    
+                                    <DuoIcon className={classes.menuButton}/>
+                                    : {(user.alias && user.alias != '' && user.alias != 'null')
+                                        ? <a
+                                                href={publicRuntimeConfig.cvThequeUrl + "talent/" + user.alias}
+                                                target="_blank">Voir mon profil TalentsTube
+                                            </a>
+                                        : 'Non renseigné'}<br/>
+                                    <div
+                                        class="fb-share-button"
+                                        data-href={publicRuntimeConfig.cvThequeUrl + "talent/" + user.alias}
+                                        data-layout="button_count"
+                                        data-size="small">
+
+                                        <Facebook className={classes.menuButton}/>
+                                        :
+                                        <a
+                                            target="_blank"
+                                            href={"https://www.facebook.com/sharer/sharer.php?u=" + publicRuntimeConfig.cvThequeUrl + "talent/" + user.alias + "%2F&amp;src=sdkpreparse"}
+                                            class="fb-xfbml-parse-ignore"> Partager mon profil
+                                        </a>
+                                    </div>
+                                </Typography>
                        </div>
                        {/* <div className={classes.progress}>
                            <Typography variant="body1">Etat du Profil: 70%</Typography>
                            <LinearProgress value={70} variant="determinate"/>
                        </div> */}
+
                    </CardContent>
-                    <Box m={2} />
+                    <Box m={2}/>
                    <Divider/>
-                    <Box m={2} />
+                    <Box m={2}/>
+                    <div className={classes.information}>
+                        <Typography className={classes.texteBlanc} align="left"></Typography>
+                    </div>
                    {/* <CardActions>
                        <Button className={classes.uploadButton} color="primary" variant="text">
                            Remplacer une photo de profil
                        </Button>
                        <Button variant="text">Supprimer photo de profil</Button>
                    </CardActions> */}
-                    <Box m={1} />
+                    <Box m={1}/>
                    <Divider/>
-                    <Box m={1} />
-                    {/* <CardContent>
+                     {/* <CardContent>
                        <Typography variant="body1"></Typography>
                        <FormControlLabel
                            value="end"
@@ -294,9 +376,9 @@ const AccountProfile = props => {
                            labelPlacement="start"/>

                    </CardContent> */}
+
                    
-                    <Box m={3} />
-                    <Divider/>
+
                    <CardActions>

                        <Stepper nonLinear activeStep={activeStep} orientation="vertical">
@@ -356,29 +438,29 @@ const AccountProfile = props => {
                        </div>

                    </div>
-
-                </Card>
-                <Box m={2} />
+                    <Box m={2}/>
                <CardContent>
-                  <BottomNavigation className={classes.stickToBottom}>
-                      <Button
-                          disabled={activeStep === 0}
-                          onClick={handleBack}
-                          className={classes.button}>
-                          Etape précédente
-                      </Button>
-                      <Button
-                          variant="contained"
-                          color="primary"
-                          onClick={handleNext}
-                          className={classes.button}>
-                          Etape suivante
-                      </Button>
-                      {/* <BottomNavigationAction label="Recents" icon={< RestoreIcon />}/>
+                    <BottomNavigation className={classes.stickToBottom}>
+                        <Button
+                            disabled={activeStep === 0}
+                            onClick={handleBack}
+                            className={classes.button}>
+                            Etape précédente
+                        </Button>
+                        <Button
+                            variant="contained"
+                            color="primary"
+                            onClick={handleNext}
+                            className={classes.button}>
+                            Etape suivante
+                        </Button>
+                        {/* <BottomNavigationAction label="Recents" icon={< RestoreIcon />}/>
                      <BottomNavigationAction label="Favorites" icon={< FavoriteIcon />}/>
                      <BottomNavigationAction label="Nearby" icon={< LocationOnIcon />}/> */}
-                  </BottomNavigation>
+                    </BottomNavigation>
                </CardContent>
+                </Card>
+                
            </Grid>
            <Grid item lg={9} md={6} xl={8} xs={12}>
                {getStepContent(activeStep)}
@@ -0,0 +1,218 @@
+import React, {Fragment} from 'react';
+import {Hidden} from '@material-ui/core';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+// import AccountStep from "../../components/organisms/AccountStep";
+import AccountEtape1 from './AccountEtape1';
+import AccountEtape2 from './AccountEtape2';
+import AccountEtape3 from './AccountEtape3';
+import {withStyles} from '@material-ui/core/styles';
+// import Switch from '@material-ui/core/Switch';
+import PhoneIcon from '@material-ui/icons/Phone';
+import MailIcon from '@material-ui/icons/Mail';
+import PublicIcon from '@material-ui/icons/Public';
+import DuoIcon from '@material-ui/icons/Duo';
+import LinkedInIcon from '@material-ui/icons/LinkedIn';
+import Facebook from '@material-ui/icons/Facebook';
+// import FormGroup from '@material-ui/core/FormGroup'; import FormControlLabel
+// from '@material-ui/core/FormControlLabel'; import FormControl from
+// '@material-ui/core/FormControl';
+import {updateUserRequest, updateUserPictureRequest} from '../../actions/user'
+import {makeStyles} from '@material-ui/styles';
+import {connect} from 'react-redux'
+import getConfig from 'next/config'
+import Router from 'next/router'
+
+import BottomNavigation from '@material-ui/core/BottomNavigation';
+// import BottomNavigationAction from
+// '@material-ui/core/BottomNavigationAction';
+import RefreshIcon from '@material-ui/icons/Refresh';
+// import FavoriteIcon from '@material-ui/icons/Favorite'; import LocationOnIcon
+// from '@material-ui/icons/LocationOn';
+
+import Box from '@material-ui/core/Box';
+
+import {
+    Card,
+    CardActions,
+    CardContent,
+    Avatar,
+    Typography,
+    Divider,
+    Button,
+    LinearProgress,
+    Stepper,
+    Step,
+    StepLabel,
+    StepContent,
+    StepButton,
+    Paper,
+    Grid
+} from '@material-ui/core';
+
+const styles = theme => ({
+    container: {
+        width: '100%'
+    },
+    button: {
+        textTransform: 'inherit',
+        marginLeft: theme.spacing(8),
+        marginRight: theme.spacing(8),
+        padding: theme.spacing(1.2, 2),
+        color: theme.palette.secondary.main,
+        backgroundColor: theme.palette.primary.important
+    },
+    stickToBottom: {
+        width: '100%',
+        position: 'fixed',
+        bottom: 0
+    }
+});
+
+const useStyles = makeStyles(theme => ({
+    root: {},
+    details: {
+        display: 'flex'
+    },
+    avatar: {
+        marginLeft: 'auto',
+        height: 110,
+        width: 100,
+        flexShrink: 0,
+        flexGrow: 0
+    },
+    progress: {
+        marginTop: theme.spacing(2)
+    },
+    information: {
+        display: 'flex',
+        flexDirection: 'column',
+        backgroundColor: theme.palette.primary.main,
+        [
+            theme
+                .breakpoints
+                .up('md')
+        ]: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            justifyContent: 'space-around',
+            backgroundColor: theme.palette.primary.main,
+            padding: theme.spacing(7, 7)
+        },
+        '& a': {
+            textDecoration: 'none'
+        }
+    },
+    texteBlanc: {
+        color: "#fff"
+    },
+    uploadButton: {
+        marginRight: theme.spacing(2)
+    },
+    button: {
+        marginTop: theme.spacing(1),
+        marginRight: theme.spacing(1)
+    },
+    actionsContainer: {
+        marginBottom: theme.spacing(2)
+    },
+    resetContainer: {
+        padding: theme.spacing(3)
+    }
+}));
+
+const AccountProfile = props => {
+    const {
+        className,
+        user,
+        ...rest
+    } = props;
+    const logoUrl = user.picture;
+    const classes = useStyles();
+
+    // const user = {   name: 'Laurent Laniau',   city: 'Questembert',   country:
+    // 'France',   timezone: '',   avatar: '/images/avatars/avatar_11.png' };
+    const {publicRuntimeConfig} = getConfig()
+
+    return (
+        <Grid
+            container
+            spacing={4}
+            direction="row"
+            justify="space-between"
+            alignItems="flex-start">
+            
+            <Grid item lg={9} md={6} xl={8} xs={12}>
+                <Fragment>
+                    <Hidden>&nbsp;</Hidden>
+                    <Hidden>&nbsp;</Hidden>
+
+                    <Card
+                        variant="outlined"
+                        style={{
+                        width: 420 + "px",
+                        textAlign:"center"
+                    }}>
+                        <CardActions></CardActions>
+                        <CardContent>
+                            <Typography>
+                                Tu n'as pas tout dit dans ta vidéo?<br/>
+                                Pour mettre toutes les chances de ton côté, 
+                                <b> dépose ton CV old school (format pdf, word)!</b>
+                            </Typography>
+                        </CardContent>
+
+                    </Card>
+                    <Hidden>&nbsp;</Hidden>
+                    <Card
+                        variant="outlined"
+                        style={{
+                        width: 420 + "px",
+                        textAlign:"center"
+                    }}>
+                        <CardContent>
+                            <AccountEtape3></AccountEtape3>
+                        </CardContent>
+                    </Card>
+                    <Hidden>&nbsp;</Hidden>
+                    <Hidden>&nbsp;</Hidden>
+                    <Card
+                        variant="outlined"
+                        style={{
+                        width: 420 + "px",
+                        textAlign:"center"
+                    }}>
+                        <CardContent>
+                            
+                            <Button
+                                variant="contained"
+                                color="primary"
+                                onClick={() => Router.push(`/Candidatures`)}
+                                className={classes.button}>
+                                Voir mes candidatures
+                            </Button>
+                        </CardContent>
+                    </Card>
+                </Fragment>
+
+            </Grid>
+            <Grid item lg={3} md={6} xl={4} xs={12}></Grid>
+
+        </Grid>
+
+    );
+};
+
+AccountProfile.propTypes = {
+    className: PropTypes.string
+};
+function mapStateToProps(state, ownProps) {
+    return {
+        user: state.user,
+        loading: !!state.user.loading,
+        errors: state.user.errors || ownProps.errors
+    };
+}
+
+export default withStyles(styles)(connect(mapStateToProps, {updateUserRequest})(AccountProfile))
@@ -151,7 +151,7 @@ class CompanyRowComponent extends React.Component {
    const nbOffre = (rowData.count_ads > 0) ? offre : 'Candidature spontanée';

    return (
-      <Link href={`/Entreprise/${rowData.id}-${_.kebabCase(rowData.brand_name)}-${_.kebabCase(rowData.addresses.billing.city)}`} >
+      <Link href={`/Entreprise/${rowData.id}-${_.kebabCase(rowData.brand_name)}`} >
        <Card className={classes.card + ' cypCardCompany'}>
          <CardContent className={classes.content}>
            <CardMedia
@@ -299,16 +299,21 @@ function OffreDetail(props) {
    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 socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `/Offre/${offre.id}-${_.kebabCase(offre.title)}-${_.kebabCase(offre.location.gmap_address.name)}`;
-    const entrepriseLink = (offre.company && `/Entreprise/${offre.company.id}-${_.kebabCase(offre.company.brand_name)}-${_.kebabCase(offre.location.gmap_address.name)}`);
+    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 = ""
+    descriptionSEO = offre.company.brand_name  + " recrute en vidéo un(e) "+offre.title 
+    offre.location.gmap_address.formatted_address ? descriptionSEO += ", "+offre.location.gmap_address.formatted_address : ""
    return (
        <Fragment>
+            {/* {offre.public_tag.map((label, index) => {
+                 descriptionSEO += label+", "
+            })} */}
            
            <OgHead seo_title={offre.title}
-                seo_description={offre.description}
+                seo_description={descriptionSEO}
                seo_url={socialShareUrl}
                image={imgUrlDesktop}
            ></OgHead>
@@ -337,6 +342,7 @@ function OffreDetail(props) {
                                <div className={classes.infoContainer}>
                                    <Typography gutterBottom className={classes.offreTitle}>
                                         {offre.title}   {/*- publié le <Moment format="DD/MM/YYYY" date={offre.published_at} /> */}
+                                         
                                    </Typography>
                                    <a href={entrepriseLink} >
                                        <Typography gutterBottom variant="subtitle1" className={classes.companyName}>
@@ -51,6 +51,7 @@ const styles = theme => ({
    alignItems: 'flex-start',
    padding: theme.spacing(2),
    width: '75%',
+    // minHeight: '200px',
  },
  jobTitle: {
    fontSize: '1.2em',
@@ -126,7 +127,7 @@ class OffreRowComponent extends React.Component {
    const imgUrl = (rowData.video && rowData.video.thumbnails && rowData.video.thumbnails[0] && rowData.video.thumbnails[0].sizes[4]) ? rowData.video.thumbnails[0].sizes[4].link : publicRuntimeConfig.adListDefaultUrl

    return (
-      <Link href={`/Offre/${rowData.id}-${_.kebabCase(rowData.title)}-${_.kebabCase(rowData.location.gmap_address.name)}`} >
+      <Link href={`/Offre/${rowData.id}-${_.kebabCase(rowData.title)}`} >
        <Card className={classes.card + ' cypCardOffre'} >
          <CardContent className={classes.content}>
            <CardMedia
@@ -99,7 +99,7 @@ class Tile extends React.Component {
    const logoName = (rowData.company) ? rowData.company.logo : rowData.logo
    const logoUrl = publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + logoName

-    const router = (rowData.company) ? `/Offre/${rowData.id}-${_.kebabCase(rowData.title)}-${_.kebabCase(rowData.location.gmap_address.name)}` : `/Entreprise/${rowData.id}-${_.kebabCase(rowData.brand_name)}-${_.kebabCase(rowData.addresses.billing.city)}`
+    const router = (rowData.company) ? `/Offre/${rowData.id}-${_.kebabCase(rowData.title)}` : `/Entreprise/${rowData.id}-${_.kebabCase(rowData.brand_name)}}`

    //rowData._embedded.company.brand_name
    return (
@@ -67,17 +67,17 @@ export default {
        },
    },
    ads: {
-        fetchAd: (id) => {
-            return axios.get(`api/ads/${id}`).then(res => res.data)
+        fetchJob: (id) => {
+            return axios.get(`api/jobs/${id}`).then(res => res.data)
        },

        //offset is the index position of the first element to start requesting at 
        // use 0|1 for isPromoted
-        fetchAds: ({ limit = null, order = "", keyword = "", offset = 1, status = 'PUBLISHED', isPromoted = false, isEmphasis = false }) => {
+        fetchJobs: ({ limit = null, order = "", keyword = "", offset = 1, status = 'PUBLISHED', isPromoted = false, isEmphasis = false }) => {
            isPromoted = isPromoted !== null ? isPromoted * 1 : isPromoted;
            isEmphasis = isEmphasis !== null ? isEmphasis * 1 : isEmphasis;

-            return axios.get('api/ads', { params: { offset, limit, order, keyword, status, isPromoted, isEmphasis } })
+            return axios.get('api/jobs', { params: { offset, limit, order, keyword, status, isPromoted, isEmphasis } })
                .then(res => res.data)
        }

@@ -96,7 +96,7 @@ export default {
        postAnswer: (payload) => {
            return axios.post("/api/answers", { adId: payload.adId, mediaId: payload.mediaId, companyId: payload.companyId }).then(res => res)
        },
-        fetchAdsAnswered: ({ limit = null, order = "", keyword = "", offset = 1 }) => {
+        fetchJobsAnswered: ({ limit = null, order = "", keyword = "", offset = 1 }) => {
            return axios.get(`api/answers`, { params: { offset, limit, order, keyword } }).then(res => res.data)
        },
        fetchAnswer: (payload) => {
@@ -40,9 +40,10 @@ module.exports = withPlugins(
    }],
    [{
      publicRuntimeConfig: {
-        symphonyUrl: 'https://recruteur.talentstube.com',
+        symphonyUrl: 'https://pp.talentstube.com',
        blogUrl: 'https://blog.talentstube.com',
-        frontServerUrl: 'https://www.talentstube.com',
+        frontServerUrl: 'https://pp.app.talentstube.com',
+        cvThequeUrl: 'https://cvtheque.talentstube.com/',
        adListDefaultUrl: '/statique/images/default/default_picture_company.svg',
        cachedMediaUrl: '/media/cache/profile_thumb/uploads/img/',
        postedContentUrl: '/uploads/img/',
@@ -0,0 +1,44 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Layout from "../components/templates/Layout";
+import AccountProfileCandidature from "../components/organisms/AccountProfileCandidature";
+import Head from 'next/head'
+// import AdBlockDetect from 'react-ad-block-detect';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    width: '100%',
+  },
+  button: {
+    marginRight: theme.spacing(1),
+  },
+  completed: {
+    display: 'inline-block',
+  },
+  instructions: {
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1),
+  },
+}));
+
+
+
+export default function HorizontalNonLinearStepper() {
+  const classes = useStyles();
+
+  return (
+    <Layout>
+      <Head>
+          <title key="title">Profile – Talents Tube</title>
+          <meta key="robots" name="robots" content="noindex, nofollow"></meta>
+      </Head>
+        <div >
+          <AccountProfileCandidature />
+        </div>
+        
+        {/* <AdBlockDetect>
+                <p>AdBlocks a été détecté. Pour que Talents Tube puisse fonctionner correctement, veuillez désactiver Ad Blocks</p>
+        </AdBlockDetect> */}
+    </Layout>
+  );
+}
@@ -8,9 +8,10 @@ import { Typography } from '@material-ui/core';
 import LayoutGrid from "../components/templates/LayoutGrid";
 import Grid from "../components/templates/Grid"
 import AnswerRow from "../components/organisms/AnswerRow"
-import { fetchAdsAnsweredRequest } from '../actions/answer'
+import { fetchJobsAnsweredRequest } from '../actions/answer'
 import { AnswersSelector } from '../reducers/answers'
 import Head from 'next/head'
+import Link from 'next/link';

 const styles = theme => ({
    root: {
@@ -24,6 +25,13 @@ const styles = theme => ({
        flexDirection: 'column',
        padding: theme.spacing(0,3),
    },
+    profil: {
+        display: 'flex',
+        flexDirection: 'column',
+        padding: theme.spacing(3,3),
+        textAlign: 'center',
+        backgroundColor: theme.palette.primary.main,
+    },
    title: {
      fontFamily: 'Dosis',
      fontSize: '1.5em',
@@ -52,10 +60,11 @@ class Candidatures extends React.Component {
                <Typography component="h1" align="center" className={classes.title} gutterBottom>
                    Mes candidatures
                </Typography>
+
                <div className={classes.container}>

                    <Grid CustomRowComponent={AnswerRow}
-                        dataFetcher={this.props.fetchAdsAnsweredRequest}
+                        dataFetcher={this.props.fetchJobsAnsweredRequest}
                        data={this.props.answers}
                        currentPage={this.props.currentPage}
                        recordCount={this.props.recordCount}
@@ -64,6 +73,16 @@ class Candidatures extends React.Component {
                        searchable={false}
                    />
                </div>
+
+
+                
+
+
+
+
+
+
+
            </LayoutGrid>
        );
    }
@@ -84,4 +103,4 @@ function mapStateToProps(state) {
    };
 }

-export default withStyles(styles)(connect(mapStateToProps, {fetchAdsAnsweredRequest })(Candidatures))
+export default withStyles(styles)(connect(mapStateToProps, {fetchJobsAnsweredRequest })(Candidatures))
@@ -57,7 +57,7 @@ class Confidentialite extends Component {
                </Head>
                <div className={classes.container}>
                    <Typography className={classes.text} gutterBottom align="left">
-                        Nous vous invitons à lire avec attention le présent document. Pour toute question concernant ce document et, d’une manière générale, sur la collecte et le traitement de vos informations personnelles par la société talentstube.com, n’hésitez pas à nous contacter via le formulaire présent sur la page contact : <a href="https://blog.talentstube.com/contact.html" className={classes.link} target="_blank">https://blog.talentstube.com/contact.html</a>
+                        Nous vous invitons à lire avec attention le présent document. Pour toute question concernant ce document et, d’une manière générale, sur la collecte et le traitement de vos informations personnelles par la société talentstube.com, n’hésitez pas à nous contacter via le formulaire présent sur la page contact : <a href="https://blog.talentstube.com/contact" className={classes.link} target="_blank">https://blog.talentstube.com/contact</a>
                    </Typography>

                    <Typography className={classes.title} component="h2" gutterBottom align="left">
@@ -155,7 +155,7 @@ class Confidentialite extends Component {
                            `
                            Vous disposez d'un droit d'accès, de rectification, de suppression, d’opposition et de portabilité des données. Nous disposons d’un délai de 30 jours à compter de votre demande pour apporter une réponse.
                            Vous pouvez demander une limitation du traitement des données collectées. L’exercice de ces droits peut exercer ce droit auprès de TALENTS TUBE en adressant une requête soit par voie postale à l'adresse suivante : 3 Rue Louis de Broglie, Village By CA 56000 Vannes, soit par courrier électronique via le formulaire présent sur la page Contact `
-                        }<a  href="https://blog.talentstube.com/contact.html" className={classes.link} target="_blank">https://blog.talentstube.com/contact.html</a>{`. Cette requête devra être accompagnée d'une pièce d'identité revêtant la signature de l'Utilisateur et devra préciser l'adresse et le moyen par lesquelles une réponse pourra être envoyée..
+                        }<a  href="https://blog.talentstube.com/contact" className={classes.link} target="_blank">https://blog.talentstube.com/contact</a>{`. Cette requête devra être accompagnée d'une pièce d'identité revêtant la signature de l'Utilisateur et devra préciser l'adresse et le moyen par lesquelles une réponse pourra être envoyée..
                            `
                        }
                    </Typography>
@@ -384,11 +384,12 @@ class Entreprise extends React.Component {
        const { loading } = this.state;
        const socialShareUrl = typeof window !== 'undefined' ? window.location
            : publicRuntimeConfig.frontServerUrl + `/Entreprise/${company.id}`;
-
+        const descriptionVille = company.addresses.billing.city ? company.addresses.billing.city : "";
+        const descriptionCompany = company.brand_name ? company.brand_name : "";
        return (
            <LayoutCompany backLink="/Entreprises" companyId={company.id}>
-                <OgHead seo_title={company.brand_name && company.brand_name}
-                    seo_description={company.description}
+                <OgHead seo_title={company.brand_name && company.brand_name+" recrute des candidats en vidéo | Talents Tube"}
+                    seo_description={"Découvrez l'entreprise "+descriptionCompany +" et ses offres en vidéo - "+descriptionVille+ ". Envoyez votre candidature spontanée en vidéo."}
                    seo_url={socialShareUrl}
                    image={imgUrl}
                ></OgHead>
@@ -94,8 +94,8 @@ class Entreprises extends React.Component {
                content=""/>
         
        </Head> */}
-         <OgHead seo_title="Entreprises qui recrutent – Talents Tube"
-                    seo_description="Les entreprises en vidéo."
+         <OgHead seo_title="Vidéos marque employeur d'entreprises qui recrutent | Talents Tube"
+                    seo_description="Vidéos marque employeur d'entreprises qui recrutent, découvrez leurs offres d'emploi en vidéo. Postulez simplement en vidéo à l'offre de votre choix."
                    seo_url={socialShareUrl}
                    image={imgUrl}
                    seo_key="Recrutement, video"
@@ -6,7 +6,7 @@ import getConfig from 'next/config'
 import { withStyles } from '@material-ui/core/styles';
 import LayoutOffre from "../components/templates/LayoutOffre";
 import OffreDetail   from "../components/organisms/OffreDetail";
-import { fetchAdRequest, clearAd, countAdViewRequest } from '../actions/ads'
+import { fetchJobRequest, clearAd, countAdViewRequest } from '../actions/ads'
 import _ from "lodash/string";

 const styles = theme => ({
@@ -42,7 +42,7 @@ class Offre extends React.Component {
 Offre.getInitialProps = function (context) {
    const { id } = context.query

-    context.store.dispatch(fetchAdRequest(id))
+    context.store.dispatch(fetchJobRequest(id))

    return id;
 }
@@ -57,4 +57,4 @@ Offre.propTypes = {
    classes: PropTypes.object.isRequired,
 };

-export default withStyles(styles)(connect(mapStateToProps, { fetchAdRequest, clearAd, countAdViewRequest})(Offre));
+export default withStyles(styles)(connect(mapStateToProps, { fetchJobRequest, clearAd, countAdViewRequest})(Offre));
@@ -9,7 +9,7 @@ import LayoutGrid from "../components/templates/LayoutGrid";
 import Grid from "../components/templates/Grid"
 import OffreRow from "../components/organisms/OffreRow"
 import Typography from '@material-ui/core/Typography';
-import { fetchAdsRequest, togglePromotedFilterRequest} from '../actions/ads'
+import { fetchJobsRequest, togglePromotedFilterRequest} from '../actions/ads'
 import { AdsSelector } from '../reducers/ads'
 import { TextField } from '@material-ui/core';
 import Head from 'next/head'
@@ -93,8 +93,8 @@ class Offres extends React.Component {
    const imgUrl = DefaultUrl ;
    return (
      <LayoutGrid backLink="/">
-        <OgHead seo_title="Offres d’emploi en vidéo – Talents Tube"
-                    seo_description="Les offres d'emploi en vidéo."
+        <OgHead seo_title="Vidéos d'offres d'emploi, CDI, CDD, alternance et Stage | Talents Tube"
+                    seo_description="Vidéos d'offres d'emploi, CDI, CDD, alternance, stage et apprentissage d'entreprises qui recrutent sur Talents Tube."
                    seo_url={socialShareUrl}
                    image={imgUrl}
                    seo_key="Recrutement, video"
@@ -107,7 +107,7 @@ class Offres extends React.Component {
        </Typography>
        <div className={classes.container}>
          <Grid CustomRowComponent={OffreRow}
-            dataFetcher={this.props.fetchAdsRequest}
+            dataFetcher={this.props.fetchJobsRequest}
            data={this.props.ads}
            currentPage={this.props.currentPage}
            recordCount={this.props.recordCount}
@@ -148,4 +148,4 @@ function mapStateToProps(state) {
  };
 }

-export default withStyles(styles)(connect(mapStateToProps, { fetchAdsRequest, togglePromotedFilterRequest })(Offres))
+export default withStyles(styles)(connect(mapStateToProps, { fetchJobsRequest, togglePromotedFilterRequest })(Offres))
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import Stepper from '@material-ui/core/Stepper';
 import Step from '@material-ui/core/Step';
 import StepLabel from '@material-ui/core/StepLabel';
-import { fetchAdRequest } from '../actions/ads'
+import { fetchJobRequest } from '../actions/ads'
 import { fetchCompanyRequest } from '../actions/companies'
 import { fetchCurrentUserRequest } from '../actions/user'
 import { uploadMedia } from '../actions/media'
@@ -429,7 +429,7 @@ Reponse.getInitialProps = function (context) {
     context.store.dispatch(fetchCurrentUserRequest())

  if(!!adId)
-    context.store.dispatch(fetchAdRequest(adId))
+    context.store.dispatch(fetchJobRequest(adId))
  else if(!!companyId)
    context.store.dispatch(fetchCompanyRequest(companyId))

@@ -452,4 +452,4 @@ Reponse.propTypes = {
  classes: PropTypes.object.isRequired,
 };

-export default withStyles(styles)(connect(mapStateToProps, { fetchCurrentUserRequest, fetchAdRequest, fetchCompanyRequest, uploadMedia })(Reponse));
+export default withStyles(styles)(connect(mapStateToProps, { fetchCurrentUserRequest, fetchJobRequest, fetchCompanyRequest, uploadMedia })(Reponse));
@@ -8,7 +8,7 @@ import { Typography } from '@material-ui/core';
 import Button from '@material-ui/core/Button';
 import Router from 'next/router'
 import { connect } from 'react-redux'
-import { fetchEmphasisAdsRequest } from "../actions/ads";
+import { fetchEmphasisJobsRequest } from "../actions/ads";
 import { fetchEmphasisCompaniesRequest } from "../actions/companies";
 import Loader from './../components/templates/loader'
 import { isEmpty } from "lodash"
@@ -18,9 +18,9 @@ import dynamic from 'next/dynamic'
 import OgHead from '../components/atoms/OgHead';
 import getConfig from 'next/config'

-const VideoSlider = dynamic(() => import('../components/organisms/ShortVideoHooker'), {
-  ssr: false
-});
+// const VideoSlider = dynamic(() => import('../components/organisms/ShortVideoHooker'), {
+//   ssr: false
+// });
 const HorizontalScroller = dynamic(() => import('../components/organisms/HorizontalScroller'), {
  ssr: false
 });
@@ -140,17 +140,17 @@ const styles = theme => ({

 class Index extends React.Component {
  state = {
-    emphasisAds: [],
+    emphasisJobs: [],
    emphasisCompanies: []
  }
  componentDidMount() {
    localStorage.setItem("loginRedirect", "/")
-    this.props.fetchEmphasisAdsRequest({ isEmphasis: 1 })
+    this.props.fetchEmphasisJobsRequest({ isEmphasis: 1 })
    this.props.fetchEmphasisCompaniesRequest({ isEmphasis: 1 })
  }
  UNSAFE_componentWillReceiveProps(nextProps) {
    this.setState({
-      emphasisAds: nextProps.emphasisAds,
+      emphasisJobs: nextProps.emphasisJobs,
      emphasisCompanies: nextProps.emphasisCompanies
    })
  }
@@ -163,8 +163,8 @@ class Index extends React.Component {
    const imgUrl =  DefaultUrl
    return (
      <Layout>
-        <OgHead seo_title="Entreprises qui recrutent – Talents Tube"
-                    seo_description="Les entreprises en vidéo."
+        <OgHead seo_title="Talents Tube : Plateforme de recrutement 100 % 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"
@@ -172,7 +172,7 @@ class Index extends React.Component {
        ></OgHead>
        <div className={classes.container}>

-          <VideoSlider />
+          {/* <VideoSlider /> */}

          <section className={classes.scrollerSection + ' ' + classes.scrollerSectionOffer}>
            <div
@@ -189,11 +189,11 @@ class Index extends React.Component {
                </Typography>
              </div>

-              {this.state.emphasisAds.loading ?
+              {this.state.emphasisJobs.loading ?
                (<Loader />)
-                : !isEmpty(this.state.emphasisAds.data) ? (
+                : !isEmpty(this.state.emphasisJobs.data) ? (
                    <HorizontalScroller
-                      data={this.state.emphasisAds.data}
+                      data={this.state.emphasisJobs.data}
                      className={classes.HorizontalScroller}
                      type="offre"
                    >
@@ -263,7 +263,7 @@ class Index extends React.Component {

 function mapStateToProps(state) {
  return {
-    emphasisAds: state.emphasisAds,
+    emphasisJobs: state.emphasisJobs,
    emphasisCompanies: state.emphasisCompanies
  };
 }
@@ -272,4 +272,4 @@ Index.propTypes = {
  classes: PropTypes.object.isRequired,
 };

-export default (connect(mapStateToProps, { fetchEmphasisAdsRequest, fetchEmphasisCompaniesRequest })(withStyles(styles)(Index)));
+export default (connect(mapStateToProps, { fetchEmphasisJobsRequest, fetchEmphasisCompaniesRequest })(withStyles(styles)(Index)));
@@ -1,44 +1,79 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
+import {makeStyles} from '@material-ui/core/styles';
 import Layout from "../components/templates/Layout";
 import AccountProfile from "../components/organisms/AccountProfile";
+import { Typography } from '@material-ui/core';
 import Head from 'next/head'
-// import AdBlockDetect from 'react-ad-block-detect';
+import AdBlockDetect from 'react-ad-block-detect';

 const useStyles = makeStyles((theme) => ({
-  root: {
-    width: '100%',
-  },
-  button: {
-    marginRight: theme.spacing(1),
-  },
-  completed: {
-    display: 'inline-block',
-  },
-  instructions: {
-    marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1),
+    root: {
+        width: '100%'
+    },
+    button: {
+        marginRight: theme.spacing(1)
+    },
+    completed: {
+        display: 'inline-block'
+    },
+    instructions: {
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1)
+    },
+    information: {
+      display: 'flex',
+      flexDirection: 'column',
+      backgroundColor: theme.palette.primary.main,
+      color: "#fff",
+      fontWeight: '700',
+      fontSize: '1.15em',
+      fontFamily: 'Roboto',
+      [
+          theme
+              .breakpoints
+              .up('md')
+      ]: {
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'flex-start',
+          justifyContent: 'space-around',
+          backgroundColor: theme.palette.primary.main,
+          padding: theme.spacing(2, 2)
+      },
+      '& a': {
+          textDecoration: 'none'
+      },
+      texteBlanc: {
+        color: "#fff",
+        
+      },
  },
 }));

-
-
 export default function HorizontalNonLinearStepper() {
-  const classes = useStyles();
+    const classes = useStyles();

-  return (
-    <Layout>
-      <Head>
-          <title key="title">Profile – Talents Tube</title>
-          <meta key="robots" name="robots" content="noindex, nofollow"></meta>
-      </Head>
-        <div >
-          <AccountProfile />
-        </div>
-        
-        {/* <AdBlockDetect>
-                <p>AdBlocks a été détecté. Pour que Talents Tube puisse fonctionner correctement, veuillez désactiver Ad Blocks</p>
-        </AdBlockDetect> */}
-    </Layout>
-  );
+    return (
+        <Layout>
+            <Head>
+                <title key="title">Profile – Talents Tube</title>
+                <meta key="robots" name="robots" content="noindex, nofollow"></meta>
+            </Head>
+            <div >
+
+                <AdBlockDetect   > 
+                  <div className={classes.information}>
+                    
+                      <p>AdBlocks a été détecté. Pour que Talents Tube puisse fonctionner
+                          correctement, veuillez désactiver Ad Blocks</p>
+                    
+                  </div>
+                </AdBlockDetect>
+            </div>
+            <div >
+                <AccountProfile/>
+            </div>
+
+        </Layout>
+    );
 }
@@ -1,26 +1,26 @@
 import { createSelector } from "reselect";
 import {
-    FETCH_AD_REQUEST,
-    FETCH_AD_SUCCESS,
-    FETCH_AD_FAILURE,
+    FETCH_JOB_REQUEST,
+    FETCH_JOB_SUCCESS,
+    FETCH_JOB_FAILURE,
    CLEAR_AD
 } from "../types";

 export function ad(state = {
 }, action = {}) {
    switch (action.type) {
-        case FETCH_AD_REQUEST:
+        case FETCH_JOB_REQUEST:
            return {
                ...state,
               loading:true
            };
-        case FETCH_AD_SUCCESS:
+        case FETCH_JOB_SUCCESS:
            return {
                ...state,
                ...action.res,
                loading: false
            };
-        case FETCH_AD_FAILURE:
+        case FETCH_JOB_FAILURE:
            return {
                ...state,
                errors: action.error,
@@ -1,8 +1,8 @@
 import { createSelector } from "reselect";
 import {
-    FETCH_ADS_SUCCESS,
-    FETCH_ADS_FAILURE,
-    FETCH_ADS_REQUEST,
+    FETCH_JOBS_SUCCESS,
+    FETCH_JOBS_FAILURE,
+    FETCH_JOBS_REQUEST,
    TOGGLE_PROMOTED_FILTER_ADS,
 } from "../types";

@@ -10,18 +10,18 @@ export function ads(state = {
 }, action = {}) {

    switch (action.type) {
-        case FETCH_ADS_REQUEST:
+        case FETCH_JOBS_REQUEST:
            return {
                ...state,
               loading:true
            };
-        case FETCH_ADS_SUCCESS:
+        case FETCH_JOBS_SUCCESS:
            return {
                ...state,
                ...action.res,
                loading:false
            };
-        case FETCH_ADS_FAILURE:
+        case FETCH_JOBS_FAILURE:
            return {
                ...state,
                errors: action.error,
@@ -1,25 +1,25 @@
 import { createSelector } from "reselect";
 import {
-    FETCH_ADS_ANSWER_REQUEST,
-    FETCH_ADS_ANSWER_SUCCESS,
-    FETCH_ADS_ANSWER_FAILURE,
+    FETCH_JOBS_ANSWER_REQUEST,
+    FETCH_JOBS_ANSWER_SUCCESS,
+    FETCH_JOBS_ANSWER_FAILURE,
 } from "../types";

 export function answers(state = {
 }, action = {}) {
    switch (action.type) {
-        case FETCH_ADS_ANSWER_REQUEST:
+        case FETCH_JOBS_ANSWER_REQUEST:
            return {
                ...state,
                loading: true
            };
-        case FETCH_ADS_ANSWER_SUCCESS:
+        case FETCH_JOBS_ANSWER_SUCCESS:
            return {
                ...state,
                ...action.res,
                loading: false
            };
-        case FETCH_ADS_ANSWER_FAILURE:
+        case FETCH_JOBS_ANSWER_FAILURE:
            return {
                ...state,
                errors: action.error,
@@ -1,27 +1,27 @@
 import { createSelector } from "reselect";
 import {
-    FETCH_EMPHASIS_ADS_SUCCESS,
-    FETCH_EMPHASIS_ADS_FAILURE,
-    FETCH_EMPHASIS_ADS_REQUEST,
+    FETCH_EMPHASIS_JOBS_SUCCESS,
+    FETCH_EMPHASIS_JOBS_FAILURE,
+    FETCH_EMPHASIS_JOBS_REQUEST,

 } from "../types";

-export function emphasisAds(state = {
+export function emphasisJobs(state = {
 }, action = {}) {

    switch (action.type) {

-        case FETCH_EMPHASIS_ADS_REQUEST:
+        case FETCH_EMPHASIS_JOBS_REQUEST:
            return {
                ...state,
                loading:true
            };
-        case FETCH_EMPHASIS_ADS_SUCCESS:
+        case FETCH_EMPHASIS_JOBS_SUCCESS:
            return {
                ...action.res,
                loading:false
            };
-        case FETCH_EMPHASIS_ADS_FAILURE:
+        case FETCH_EMPHASIS_JOBS_FAILURE:
            return {
                ...state,
                errors: action.error,
@@ -34,8 +34,8 @@ export function emphasisAds(state = {
 }


-export const emphasisAdsHashSelector = state => state.emphasisAds.data;
+export const emphasisJobsHashSelector = state => state.emphasisJobs.data;

-export const emphasisAdsSelector = createSelector(emphasisAdsHashSelector, hash =>
+export const emphasisJobsSelector = createSelector(emphasisJobsHashSelector, hash =>
    Object.values(hash)
 );
@@ -3,7 +3,7 @@ import { combineReducers } from "redux";
 import { user } from "./reducers/user";
 import { ad } from "./reducers/ad";
 import { ads } from "./reducers/ads";
-import { emphasisAds } from "./reducers/emphasisAds";
+import { emphasisJobs } from "./reducers/emphasisJobs";
 import { company } from "./reducers/company";
 import { companies } from "./reducers/companies";
 import { emphasisCompanies } from "./reducers/emphasisCompanies";
@@ -24,8 +24,8 @@ export const exampleInitialState = {
  ad: {

  },
-  emphasisAds: {
-
+  emphasisJobs: {
+    
  },
  companies: {
    data: {}
@@ -50,7 +50,7 @@ export const exampleInitialState = {
 export default combineReducers({
  user,
  ads,
-  emphasisAds,
+  emphasisJobs,
  ad,
  companies,
  company,
@@ -9,18 +9,18 @@ import {
  requestRegisterSaga, requestLogoutSaga, requestNewsletterSubscribitionSaga,
  requestUpdateUserRequestSaga, requestUserSubscriptionToPushSaga
 } from './sagas/userSaga.js'
-import { requestAdsSaga, requestAdSaga, requestEmphasisAdsSaga, countAdViewRequestSaga } from './sagas/offreSaga.js'
+import { requestAdsSaga, requestAdSaga, requestEmphasisJobsSaga, countAdViewRequestSaga } from './sagas/offreSaga.js'
 import { requestCompaniesSaga, requestCompanySaga, requestEmphasisCompaniesSaga, countCompanyViewRequestSaga } from './sagas/companySaga.js'
-import { postAnswerMessageSaga, postAdAnswerRequestSaga, uploadMediaSaga, uploadMediaPresSaga, uploadMediaCvSaga, fetchAdsAnsweredRequestSaga, fetchAnswerRequestSaga, fetchAnswerMessagesRequestSaga } from './sagas/answerSaga.js'
+import { postAnswerMessageSaga, postAdAnswerRequestSaga, uploadMediaSaga, uploadMediaPresSaga, uploadMediaCvSaga, fetchJobsAnsweredRequestSaga, fetchAnswerRequestSaga, fetchAnswerMessagesRequestSaga } from './sagas/answerSaga.js'

 import {
  REQUEST_LOGIN,
  REQUEST_LOGOUT,
  REQUEST_REGISTER,
  FETCH_CURRENT_USER_REQUEST,
-  FETCH_ADS_REQUEST,
-  FETCH_AD_REQUEST,
-  FETCH_EMPHASIS_ADS_REQUEST,
+  FETCH_JOBS_REQUEST,
+  FETCH_JOB_REQUEST,
+  FETCH_EMPHASIS_JOBS_REQUEST,
  FETCH_EMPHASIS_COMPANIES_REQUEST,
  FETCH_COMPANIES_REQUEST,
  FETCH_COMPANY_REQUEST,
@@ -32,7 +32,7 @@ import {
  UPLOAD_MEDIA_PRES_REQUEST,
  UPLOAD_MEDIA_CV_REQUEST,
  UPDATE_USER_REQUEST,
-  FETCH_ADS_ANSWER_REQUEST,
+  FETCH_JOBS_ANSWER_REQUEST,
  FETCH_ANSWER_REQUEST,
  VERIFY_USER_REQUEST,
  RESET_PASSWORD_REQUEST,
@@ -57,9 +57,9 @@ function* rootSaga() {
    takeLatest(FETCH_CURRENT_USER_REQUEST, requestUserSaga),
    takeLatest(UPDATE_USER_REQUEST, requestUpdateUserSaga),
    takeLatest(SUBSCRIBE_NEWSLETTER_REQUEST, requestNewsletterSubscribitionSaga),
-    takeLatest(FETCH_ADS_REQUEST, requestAdsSaga),
-    takeLatest(FETCH_AD_REQUEST, requestAdSaga),
-    takeLatest(FETCH_EMPHASIS_ADS_REQUEST, requestEmphasisAdsSaga),
+    takeLatest(FETCH_JOBS_REQUEST, requestAdsSaga),
+    takeLatest(FETCH_JOB_REQUEST, requestAdSaga),
+    takeLatest(FETCH_EMPHASIS_JOBS_REQUEST, requestEmphasisJobsSaga),
    takeLatest(FETCH_EMPHASIS_COMPANIES_REQUEST, requestEmphasisCompaniesSaga),
    takeLatest(FETCH_COMPANIES_REQUEST, requestCompaniesSaga),
    takeLatest(FETCH_COMPANY_REQUEST, requestCompanySaga),
@@ -69,7 +69,7 @@ function* rootSaga() {
    takeLatest(UPLOAD_MEDIA_REQUEST, uploadMediaSaga),
    takeLatest(UPLOAD_MEDIA_PRES_REQUEST, uploadMediaPresSaga),
    takeLatest(UPLOAD_MEDIA_CV_REQUEST, uploadMediaCvSaga),
-    takeLatest(FETCH_ADS_ANSWER_REQUEST, fetchAdsAnsweredRequestSaga),
+    takeLatest(FETCH_JOBS_ANSWER_REQUEST, fetchJobsAnsweredRequestSaga),
    takeLatest(FETCH_ANSWER_REQUEST, fetchAnswerRequestSaga),
    takeLatest(VERIFY_USER_REQUEST, verifyUserSaga),
    takeLatest(RESET_PASSWORD_REQUEST, requestResetPasswordSaga),
@@ -8,8 +8,8 @@ import _ from "lodash";
 import {
  postAdAnswerRequestSuccess,
  postAdAnswerRequestFailure,
-  fetchAdsAnsweredSuccess,
-  fetchAdsAnsweredFailure,
+  fetchJobsAnsweredSuccess,
+  fetchJobsAnsweredFailure,
  fetchAnswerSuccess,
  fetchAnswerFailure,
  postMessageAnswerSuccess,
@@ -38,7 +38,7 @@ export function* postAdAnswerRequestSaga(action) {

    if (!!res.data) {
      yield put(postAdAnswerRequestSuccess(res));
-      Router.push("/Candidatures");
+      Router.push("/CandidatureValidation");
    }
    else
      yield put(postAdAnswerRequestFailure(res));
@@ -114,14 +114,14 @@ export function* uploadMediaCvSaga(action) {
  }
 }

-export function* fetchAdsAnsweredRequestSaga(action) {
+export function* fetchJobsAnsweredRequestSaga(action) {
  try {
-    const res = yield call(api.answers.fetchAdsAnswered, action.payload);
+    const res = yield call(api.answers.fetchJobsAnswered, action.payload);

    if (!!res.data)
-      yield put(fetchAdsAnsweredSuccess(res));
+      yield put(fetchJobsAnsweredSuccess(res));
    else
-      yield put(fetchAdsAnsweredFailure(res));
+      yield put(fetchJobsAnsweredFailure(res));

  } catch (err) {
    if (_.includes(err, "401") || err.response.status === 401) {
@@ -129,7 +129,7 @@ export function* fetchAdsAnsweredRequestSaga(action) {
      Router.push("/Login");

    }
-    yield put(fetchAdsAnsweredFailure(err.response));
+    yield put(fetchJobsAnsweredFailure(err.response));
  }
 }
 // {
@@ -1,8 +1,8 @@

 import { call, put } from "redux-saga/effects";
-import { fetchAdsSuccess, fetchAdsFailure,
-  fetchAdSuccess, fetchAdFailure,
-  fetchEmphasisAdsSuccess,fetchEmphasisAdsFailure
+import { fetchJobsSuccess, fetchJobsFailure,
+  fetchJobSuccess, fetchJobFailure,
+  fetchEmphasisJobsSuccess,fetchEmphasisJobsFailure

 } from "../actions/ads";

@@ -18,44 +18,44 @@ export function* countAdViewRequestSaga(action) {
 export function* requestAdsSaga(action) {
  try {

-    const res = yield call(api.ads.fetchAds, action.payload);
+    const res = yield call(api.ads.fetchJobs, action.payload);
  
    if (!!res.data)
-      yield put(fetchAdsSuccess(res));
+      yield put(fetchJobsSuccess(res));
    else
-      yield put(fetchAdsFailure(res));
+      yield put(fetchJobsFailure(res));

  } catch (err) {
-    yield put(fetchAdsFailure(err.response));
+    yield put(fetchJobsFailure(err.response));
  }
 }

 export function* requestAdSaga(action) {
  try {

-    const res = yield call(api.ads.fetchAd, action.payload);
+    const res = yield call(api.ads.fetchJob, action.payload);

    if (!!res)
-      yield put(fetchAdSuccess(res));
+      yield put(fetchJobSuccess(res));
    else
-      yield put(fetchAdFailure(res));
+      yield put(fetchJobFailure(res));

  } catch (err) {
-    yield put(fetchAdFailure(err.response));
+    yield put(fetchJobFailure(err.response));
  }
 }

-export function* requestEmphasisAdsSaga(action) {
+export function* requestEmphasisJobsSaga(action) {
  try {

-    const res = yield call(api.ads.fetchAds, action.payload);
+    const res = yield call(api.ads.fetchJobs, action.payload);
  
    if (!!res.data)
-      yield put(fetchEmphasisAdsSuccess(res));
+      yield put(fetchEmphasisJobsSuccess(res));
    else
-      yield put(fetchEmphasisAdsFailure(res));
+      yield put(fetchEmphasisJobsFailure(res));

  } catch (err) {
-    yield put(fetchEmphasisAdsFailure(err.response));
+    yield put(fetchEmphasisJobsFailure(err.response));
  }
 }
@@ -17,7 +17,7 @@ exports.sendConfirmationEmail = function (nom, prenom, tokenUrl, mail) {
  const email = {
    from: process.env.EMAIL_FROM,
    to: process.env.NODE_ENV === 'production'? mail : 'l.laniau@talentstube.com',
-    subject: `Bienvenue ${mail} 🔑`,
+    subject: `Bienvenue ${mail} `,
    text: `
    Bonjour ${prenom} ${nom},

@@ -58,9 +58,9 @@ export const POST_AD_ANSWER_REQUEST = "POST_AD_ANSWER_REQUEST";
 export const POST_AD_ANSWER_SUCCESS = "POST_AD_ANSWER_SUCCESS";
 export const POST_AD_ANSWER_FAILURE = "POST_AD_ANSWER_FAILURE";

-export const FETCH_ADS_ANSWER_REQUEST = "FETCH_ADS_ANSWER_REQUEST";
-export const FETCH_ADS_ANSWER_SUCCESS = "FETCH_ADS_ANSWER_SUCCESS";
-export const FETCH_ADS_ANSWER_FAILURE = "FETCH_ADS_ANSWER_FAILURE";
+export const FETCH_JOBS_ANSWER_REQUEST = "FETCH_JOBS_ANSWER_REQUEST";
+export const FETCH_JOBS_ANSWER_SUCCESS = "FETCH_JOBS_ANSWER_SUCCESS";
+export const FETCH_JOBS_ANSWER_FAILURE = "FETCH_JOBS_ANSWER_FAILURE";

 export const FETCH_ANSWER_REQUEST = "FETCH_ANSWER_REQUEST";
 export const FETCH_ANSWER_SUCCESS = "FETCH_ANSWER_SUCCESS";
@@ -76,17 +76,17 @@ export const FETCH_ANSWER_MESAGES_FAILURE = "FETCH_ANSWER_MESAGES_FAILURE";
 export const FETCH_ANSWER_MESAGES_SUCCESS = "FETCH_ANSWER_MESAGES_SUCCESS";

 //ADS
-export const FETCH_ADS_REQUEST = "FETCH_ADS_REQUEST";
-export const FETCH_ADS_SUCCESS = "FETCH_ADS_SUCCESS";
-export const FETCH_ADS_FAILURE = "FETCH_ADS_FAILURE";
+export const FETCH_JOBS_REQUEST = "FETCH_JOBS_REQUEST";
+export const FETCH_JOBS_SUCCESS = "FETCH_JOBS_SUCCESS";
+export const FETCH_JOBS_FAILURE = "FETCH_JOBS_FAILURE";

-export const FETCH_AD_REQUEST = "FETCH_AD_REQUEST";
-export const FETCH_AD_SUCCESS = "FETCH_AD_SUCCESS";
-export const FETCH_AD_FAILURE = "FETCH_AD_FAILURE";
+export const FETCH_JOB_REQUEST = "FETCH_JOB_REQUEST";
+export const FETCH_JOB_SUCCESS = "FETCH_JOB_SUCCESS";
+export const FETCH_JOB_FAILURE = "FETCH_JOB_FAILURE";

-export const FETCH_EMPHASIS_ADS_REQUEST = "FETCH_EMPHASIS_ADS_REQUEST";
-export const FETCH_EMPHASIS_ADS_SUCCESS = "FETCH_EMPHASIS_ADS_SUCCESS";
-export const FETCH_EMPHASIS_ADS_FAILURE = "FETCH_EMPHASIS_ADS_FAILURE";
+export const FETCH_EMPHASIS_JOBS_REQUEST = "FETCH_EMPHASIS_JOBS_REQUEST";
+export const FETCH_EMPHASIS_JOBS_SUCCESS = "FETCH_EMPHASIS_JOBS_SUCCESS";
+export const FETCH_EMPHASIS_JOBS_FAILURE = "FETCH_EMPHASIS_JOBS_FAILURE";

 export const CLEAR_AD = "CLEAR_AD";
 export const COUNT_AD_VIEW = "COUNT_AD_VIEW";
@@ -16,7 +16,7 @@ function setup() {
  const tranport = setup();
  const email = {
    from: process.env.EMAIL_FROM,
-    to: "thomas.berrod@e-declic.com",
+    to: "l.laniau@talentstube.com",
    subject: "PWA feedback 💌⚡️",
    text: `
    Hello Team,
Author	SHA1	Message	Date
llaniau	1fd45a00a3	Referencement Offre et Modif profil	2020-09-16 11:49:04 +02:00
llaniau	36571b5cca	suppresion ville dans url Entreprise	2020-09-15 17:49:20 +02:00
llaniau	7ad96db928	maj referencement	2020-09-15 17:43:34 +02:00
llaniau	5ce9f108cd	changement d email de ref	2020-09-15 14:11:44 +02:00
llaniau	99bb737647	changement page contact (blog)	2020-09-15 12:43:27 +02:00
llaniau	e2ef540aac	Modif adblock maj de ads->jobs	2020-09-15 11:46:21 +02:00
llaniau	6e6119ffaf	Correction recette avant MEP sept 2020	2020-09-15 10:53:40 +02:00
llaniau	473edf7472	Ajout Etape CV apres candidature	2020-09-14 18:26:04 +02:00
llaniau	96b08352a0	Minheight à 200px sur les offres pour les écrans mac	2020-09-09 17:09:37 +02:00
llaniau	7a45d19d2b	Amelioration parcours talent	2020-09-08 17:37:18 +02:00