Modif Tel francais

nextjs/actions/ads.js

@@ -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
   });
 

nextjs/actions/answer.js

@@ -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
 });
 

nextjs/components/atoms/ChatCard.js

@@ -75,7 +75,7 @@ export default function ChatCard(props) {
                 className={classes.messageDate}
                 align="center"
             >
-                Envoyée le  {(new Date(props.message.c_time)).toLocaleDateString("fr-FR")} à {(new Date(props.message.c_time)).toLocaleTimeString("fr-FR")}
+                Envoyé le  {(new Date(props.message.c_time)).toLocaleDateString("fr-FR")} à {(new Date(props.message.c_time)).toLocaleTimeString("fr-FR")}
             </Typography>
         </Fragment>
     )

nextjs/components/atoms/IconText.js

@@ -6,6 +6,7 @@ import AssignmentIcon from '@material-ui/icons/Assignment';
 import RoomIcon from '@material-ui/icons/Room';
 import LocationOnIcon from '@material-ui/icons/LocationOn';
 import BusinessCenterIcon from '@material-ui/icons/BusinessCenter';
+import Business from '@material-ui/icons/Business';
 import Typography from '@material-ui/core/Typography';
 
 const variantIcon = {
@@ -13,6 +14,7 @@ const variantIcon = {
   room: RoomIcon,
   location_on: LocationOnIcon,
   business_center: BusinessCenterIcon,
+  business: Business,
 };
 
 const styles = theme => ({

nextjs/components/atoms/IconTextInline.js

@@ -6,12 +6,14 @@ import RoomIcon from '@material-ui/icons/Room';
 import LocationOnIcon from '@material-ui/icons/LocationOn';
 import BusinessCenterIcon from '@material-ui/icons/BusinessCenter';
 import Typography from '@material-ui/core/Typography';
+import Business from '@material-ui/icons/Business';
 
 const variantIcon = {
   assignment: AssignmentIcon,
   room: RoomIcon,
   location_on: LocationOnIcon,
   business_center: BusinessCenterIcon,
+  business: Business,
 };
 
 const styles = theme => ({

nextjs/components/atoms/OgHead.js

@@ -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>
         
     )

nextjs/components/organisms/AccountEtape1.js

@@ -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: {
@@ -41,7 +44,7 @@ const styles = theme => ({
         },
     },
     textFieldSmall: {
-        width: '32%',
+        width: '48%',
         '&:disabled': {
             color: theme.palette.secondary.dark,
         },
@@ -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}
@@ -351,7 +368,7 @@ class Accountdetails extends Component {
                         className={classes.textField}
                         classes={{ root: classes.rootTextfield }}
                         variant="outlined"
-                        value={this.state.currentJob && this.state.currentJob !='null' ? this.state.currentJob : ''}
+                        value={this.state.currentJob  ? this.state.currentJob : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     />
@@ -363,7 +380,7 @@ class Accountdetails extends Component {
                         className={classes.textField}
                         classes={{ root: classes.rootTextfield }}
                         variant="outlined"
-                        value={this.state.address1 && this.state.address1 !='null' ? this.state.address1 : ''}
+                        value={this.state.address1 ? this.state.address1 : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     />
@@ -375,7 +392,7 @@ class Accountdetails extends Component {
                         className={classes.textField}
                         classes={{ root: classes.rootTextfield }}
                         variant="outlined"
-                        value={this.state.address2 && this.state.address2 !='null' ? this.state.address2 : ''}
+                        value={this.state.address2 ? this.state.address2  : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     />    
@@ -387,7 +404,7 @@ class Accountdetails extends Component {
                         className={classes.textField}
                         classes={{ root: classes.textFieldSmall }}
                         variant="outlined"
-                        value={this.state.zipCode && this.state.zipCode !='null' ? this.state.zipCode : ''}
+                        value={this.state.zipCode ? this.state.zipCode : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     /> 
@@ -399,7 +416,7 @@ class Accountdetails extends Component {
                         className={classes.textField}
                         classes={{ root: classes.textFieldSmall }}
                         variant="outlined"
-                        value={this.state.city && this.state.city !='null' ? this.state.city : ''}
+                        value={this.state.city ? this.state.city : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     />      
@@ -411,7 +428,7 @@ class Accountdetails extends Component {
                         className={classes.textField}
                         classes={{ root: classes.textFieldSmall }}
                         variant="outlined"
-                        value={this.state.country && this.state.country !='null' ? this.state.country : ''}
+                        value={this.state.country ? this.state.country : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     />
@@ -425,7 +442,7 @@ class Accountdetails extends Component {
                         classes={{ root: classes.rootTextfield }}
                         variant="outlined"
                         placeholder="http://www.linkedin.com/in/"
-                        value={this.state.linkedin && this.state.linkedin !='null' ? this.state.linkedin : ''}
+                        value={this.state.linkedin  ? this.state.linkedin : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
 
@@ -439,7 +456,7 @@ class Accountdetails extends Component {
                         classes={{ root: classes.rootTextfield }}
                         variant="outlined"
                         placeholder="http://twitter.com/.."
-                        value={this.state.twitter && this.state.twitter !='null' ? this.state.twitter : ''}
+                        value={this.state.twitter   ? this.state.twitter : ''}
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     />
@@ -452,10 +469,18 @@ class Accountdetails extends Component {
                         classes={{ root: classes.rootTextfield }}
                         variant="outlined"
                         placeholder="http://monsite.fr"
-                        value={this.state.website && this.state.website !='null' ? this.state.website : ''}
+                        value={this.state.website ? this.state.website : ''}
                         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));

nextjs/components/organisms/AccountEtape2.js

@@ -253,7 +253,7 @@ class Etape2 extends React.Component {
                                                     src='/statique/images/Import.svg'
                                                     className={classes.iconButton}/>
                                                 <Typography align="left" className={classes.textButton}>
-                                                    J'<span className={classes.underlined}>importe</span> ma vidéo de réponse
+                                                    J'<span className={classes.underlined}>importe</span> ma vidéo de présentation
 
                                                 </Typography>
                                                 <KeyboardArrowDownIcon className={classes.InputKeyboardArrowDownIcon}/>

nextjs/components/organisms/AccountEtape3.js

@@ -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))
 

nextjs/components/organisms/AccountProfile.js

@@ -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">{user.linkedin}</a> : 'Non renseigné'}<br/>
-                                    <PublicIcon className={classes.menuButton}/> : {(user.website && user.website !='' && user.website != 'null') ? <a href={user.website} target="_blank">{user.website}</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)}

nextjs/components/organisms/AccountProfileCandidature.js

@@ -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))

nextjs/components/organisms/CompanyRow.js

@@ -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

nextjs/components/organisms/OffreDetail.js

@@ -157,7 +157,7 @@ const styles = theme => ({
         objectFit: 'contain',
     },
     title: {
-        fontSize: '1em',
+        fontSize: '1.3em',
         fontWeight: '500',
         [theme.breakpoints.up('md')]: {
             paddingTop: theme.spacing(2),
@@ -165,7 +165,7 @@ const styles = theme => ({
     },
     offreTitle: {
         [theme.breakpoints.up('md')]: {
-            fontSize: '1.2em',
+            fontSize: '1.3em',
             fontWeight: '600',
         },
     },
@@ -192,7 +192,7 @@ const styles = theme => ({
         textAlign: 'center',
     },
     companyName: {
-        fontSize: '0.9em',
+        fontSize: '1.3em',
         fontWeight: '300',
         [theme.breakpoints.up('md')]: {
             fontSize: '1em',
@@ -211,18 +211,18 @@ const styles = theme => ({
     },
     iconTextIcon: {
         color: theme.palette.offerlistitem.icon,
-        fontSize: '1em',
+        fontSize: '1.3em',
     },
     iconTextText: {
         fontWeight: 'lighter',
         color: theme.palette.offerlistitem.text,
-        fontSize: '0.7em',
+        fontSize: '1em',
         paddingLeft: theme.spacing(1),
     },
     iconTextTextDesktop: {
         fontWeight: 'lighter',
         color: theme.palette.offerlistitem.text,
-        fontSize: '0.7em',
+        fontSize: '1em',
         paddingLeft: theme.spacing(1),
         width: '100%',
     },
@@ -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,10 +342,11 @@ 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}>
-                                        {offre.beneficiaire ? offre.beneficiaire : offre.company.brand_name ? offre.company.brand_name : ""} 
+                                        {offre.company.brand_name  ? offre.company.brand_name  : ""}
                                         </Typography>
                                     </a>
                                     {offre.is_promoted && (
@@ -401,6 +407,7 @@ function OffreDetail(props) {
                                 <section className={classes.IconTextContainerDesktop}>
                                     <IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="assignment" text={offre.extra.contract_type} />
                                     <IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="location_on" text={offre.location.gmap_address.formatted_address} />
+                                    {offre.beneficiaire && (<IconTextInline classes={{ icon: classes.iconTextIcon, text: classes.iconTextText }} variant="business" text={offre.beneficiaire} /> )}
                                 </section>
                             </Hidden>
                             <SimpleCollapse>
@@ -448,7 +455,7 @@ function OffreDetail(props) {
 
                                 <a href={entrepriseLink}>
                                     <div className={classes.discoverContainerImage}>
-                                        <img src={isWidthUp('sm', props.width) ? imgUrlDesktop : imgUrl} alt="company" />
+                                        <img src={isWidthUp('sm', props.width) ? imgUrlDesktop : imgUrl} alt={offre.company.brand_name && offre.company.brand_name} />
                                         <KeyboardArrowleftIcon className={classes.iconPlay} />
                                     </div>
                                 </a>

nextjs/components/organisms/OffreRow.js

@@ -17,7 +17,7 @@ const styles = theme => ({
   card: {
     display: 'flex',
     minHeight: '21vh',
-    maxHeight: '32vh',
+    // maxHeight: '32vh',
     borderRadius: '5px',
     width: '100%',
     cursor: 'pointer',
@@ -38,7 +38,7 @@ const styles = theme => ({
     },
     [theme.breakpoints.up('md')]: {
       minHeight: '15vh',
-      maxHeight: '20vh',
+      // maxHeight: '20vh',
     },
     margin: '1vh 2vh 1vh 2vh',
     [theme.breakpoints.up('sm')]: {
@@ -51,14 +51,15 @@ const styles = theme => ({
     alignItems: 'flex-start',
     padding: theme.spacing(2),
     width: '75%',
+    // minHeight: '200px',
   },
   jobTitle: {
-    fontSize: '1em',
+    fontSize: '1.2em',
     fontWeight: 'bold',
     color: theme.palette.offerlistitem.title,
   },
   companyTitle: {
-    fontSize: '0.8em',
+    fontSize: '1.2em',
     fontWeight: '300',
     color: theme.palette.offerlistitem.title,
   },
@@ -96,11 +97,11 @@ const styles = theme => ({
   },
   iconTextIcon: {
     color: theme.palette.offerlistitem.icon,
-    fontSize: '0.8em',
+    fontSize: '1.2em',
   },
   iconTextText: {
     color: theme.palette.offerlistitem.text,
-    fontSize: '0.6em',
+    fontSize: '1em',
     paddingLeft: theme.spacing(1),
   },
   chip: {
@@ -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
@@ -149,9 +150,9 @@ class OffreRowComponent extends React.Component {
               <Typography
                 variant="headline"
                 variant="h6"
-                component="h4"
+                component="h3"
                 className={classes.companyTitle}>
-                {rowData.beneficiaire ? "Pour le compte de "+rowData.beneficiaire : companyR.brand_name ? companyR.brand_name : "Non renseigné"} 
+                {companyR.brand_name ? companyR.brand_name : "Non renseigné"} 
               </Typography>
               <div>
                 {rowData.is_promoted && (
@@ -160,8 +161,10 @@ class OffreRowComponent extends React.Component {
 
                 {!rowData.is_promoted && (
                   <Fragment>
-                    <IconText classes={{ root: classes.iconText, icon: classes.iconTextIcon, text: classes.iconTextText }} variant="location_on" text={rowData.extra.contract_type} />
-                    <IconText classes={{ root: classes.iconText, icon: classes.iconTextIcon, text: classes.iconTextText }} variant="business_center" text={rowData.location.gmap_address.formatted_address} />
+                    <IconText classes={{ root: classes.iconText, icon: classes.iconTextIcon, text: classes.iconTextText }} variant="business_center" text={rowData.extra.contract_type} />
+                    <IconText classes={{ root: classes.iconText, icon: classes.iconTextIcon, text: classes.iconTextText }} variant="location_on" text={rowData.location.gmap_address.formatted_address} />
+                    {rowData.beneficiaire ? <IconText classes={{ root: classes.iconText, icon: classes.iconTextIcon, text: classes.iconTextText }} variant="business" text={rowData.beneficiaire} /> :  ""} 
+                    
                   </Fragment>
                 )}
 

nextjs/components/organisms/Register.js

@@ -277,15 +277,15 @@ class Register extends React.Component {
                         S'inscrire
                     </Button>
 
-                    <Typography
+                    {/* <Typography
                         paragraph={true}
                         align="center"
                         className={classes.conditionalText}
-                    >Ou</Typography>
+                    >Ou</Typography> */}
 
                 </form>
 
-                <SocialButtonsAuth linkedInAuth={this.props.linkedInAuth} facebookAuth={this.props.facebookAuth} />
+                {/* <SocialButtonsAuth linkedInAuth={this.props.linkedInAuth} facebookAuth={this.props.facebookAuth} /> */}
 
                 <div classes={classes.form}>
                     <Typography

nextjs/components/organisms/Tile.js

@@ -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 (
@@ -113,7 +113,7 @@ class Tile extends React.Component {
             />
             <KeyboardArrowleftIcon className={classes.iconPlay} />
             <div className={classes.logoContainer}>
-              <Avatar className={classes.logo} src={logoUrl} alt="company"/>
+              <Avatar className={classes.logo} src={logoUrl} alt={rowData.title}/>
             </div>
             { children }
           </CardContent>

nextjs/components/organisms/TileOffre.js

@@ -10,11 +10,11 @@ const styles = theme => ({
         flexDirection: 'column',
         justifyContent: 'space-between',
         position: 'absolute',
-        top: '51%',
+        top: '44%',
         width: '100%',
     },
     companyTitle: {
-        fontSize: '0.8em',
+        fontSize: '1em',
         fontWeight: '100',
         padding: theme.spacing(0, 2),
         marginTop: '4vh',
@@ -24,7 +24,7 @@ const styles = theme => ({
         },
     },
     jobTitle: {
-        fontSize: '1em',
+        fontSize: '1.2em',
         padding: theme.spacing(0, 2),
         minHeight: '8vh',
         [theme.breakpoints.up('lg')]: {
@@ -59,7 +59,7 @@ class TileOffre extends React.Component {
                         component="h4"
                         align="center"
                         className={classes.companyTitle}>
-                        {tile.company.brand_name && tile.company.brand_name} {tile.beneficiaire && " / "+tile.beneficiaire }
+                        {tile.company.brand_name && tile.company.brand_name} 
                     </Typography>
                     <Typography
                         gutterBottom
@@ -82,6 +82,10 @@ class TileOffre extends React.Component {
                     {tile.extra && tile.extra.contract_type &&
                         <IconText classes={{ root: classes.rootIconText }} variant="assignment" text={tile.extra.contract_type} />
                     }
+
+                    {tile.beneficiaire &&
+                        <IconText classes={{ root: classes.rootIconText }} variant="business" text={tile.beneficiaire} />
+                    }
                 </section>
             </Fragment>
         );

nextjs/components/templates/loader.js

@@ -6,6 +6,7 @@ const styles = theme => ({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
+    textAlign: 'center',
     justifyContent: 'center',
     fontFamily: 'Dosis',
     fontWeight: '500',
@@ -19,7 +20,7 @@ class Loader extends React.Component {
   render() {
     const { classes } = this.props;
     return (
-      <div className={classes.loader + ' ' + 'alert alert-info'}><CircularProgress color="primary" />Chargement...</div>
+      <div className={classes.loader + ' ' + 'alert alert-info'}><CircularProgress color="primary" />Chargement... <br/>Le temps de chargement peut varier de quelques secondes à <b>plusieurs minutes</b> en fonction de la qualité de votre connexion internet.<br/></div>
     )
 
   }

nextjs/data/api.js

@@ -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) => {

nextjs/next.config.js

@@ -40,9 +40,10 @@ module.exports = withPlugins(
     }],
     [{
       publicRuntimeConfig: {
-        symphonyUrl: 'https://www.talentstube.com',
+        symphonyUrl: 'https://pp.talentstube.com',
         blogUrl: 'https://blog.talentstube.com',
-        frontServerUrl: 'https://app.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/',
@@ -50,7 +51,7 @@ module.exports = withPlugins(
         ReCAPTCHA: {
           "siteKey": "6LdyqLwUAAAAADKI5uC7d5W9VqVgzd8VEmMU2Yi-"
         },
-        applicationServerPublicKey: 'BC9XGBLNGm0RWczR4IjEPWQ9_P1BmlvT-oaVgr_GJTI2OZtT85olmi3xzQhgZF4-Bi0rPafpa8vqt5pudQ4Na6w'
+        applicationServerPublicKey: 'BNFyiyPiLH97Dgc0m1vXluUNaCN6y3Hkgd4YcqS2lVkP8my3tq2D5gM5g7cY6R4VxC7GljSzkLRu+k+oO+2TtjU='
       }
     }]
   ],

nextjs/pages/Candidature.js

@@ -147,6 +147,7 @@ class Candidature extends React.Component {
             <LayoutCandidature>
                 <Head>
                     <title key="title">Candidature</title>
+                    <meta name="robots" content="noindex, nofollow"></meta>
                 </Head>
                 <Fragment>
                     <div className={classes.container}>
@@ -187,7 +188,7 @@ class Candidature extends React.Component {
                                                         {this.props.user.firstname + " " + this.props.user.lastname}
                                                     </Typography>
                                                     <Typography gutterBottom className={classes.userTextDate}>
-                                                        Envoyée le  {(new Date(this.props.answer.c_time)).toLocaleDateString("fr-FR")}
+                                                        Envoyé le  {(new Date(this.props.answer.c_time)).toLocaleDateString("fr-FR")}
                                                     </Typography>
                                                 </div>
                                             </section>

nextjs/pages/CandidatureValidation.js

@@ -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>
+  );
+}

nextjs/pages/Candidatures.js

@@ -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',
@@ -45,16 +53,18 @@ class Candidatures extends React.Component {
             <LayoutGrid backLink="/">
             <Head>
                 <title key="title">Candidatures</title>
+                <meta name="robots" content="noindex, nofollow"></meta>
             </Head>
 
                 {/* TODO */}
                 <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}
@@ -63,6 +73,16 @@ class Candidatures extends React.Component {
                         searchable={false}
                     />
                 </div>
+
+
+                
+
+
+
+
+
+
+
             </LayoutGrid>
         );
     }
@@ -83,4 +103,4 @@ function mapStateToProps(state) {
     };
 }
 
-export default withStyles(styles)(connect(mapStateToProps, {fetchAdsAnsweredRequest })(Candidatures))
+export default withStyles(styles)(connect(mapStateToProps, {fetchJobsAnsweredRequest })(Candidatures))

nextjs/pages/Confidentialite.js

@@ -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>

nextjs/pages/Conseils.js

@@ -31,7 +31,7 @@ class Conseils extends React.Component {
           <title>Quelques conseils !</title>
           <meta name="description" content="Quelques conseils !" />
           <meta key="robots" name="robots" content="noindex, nofollow"></meta>
-          <link rel="canonical" href="https://app.talentstube.com" />
+          
         </Head>
         <section className={classes.container}>
           <VideoVimeo videoId='356411947' autoplay='1' />

nextjs/pages/Entreprise.js

@@ -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>

nextjs/pages/Entreprises.js

@@ -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"

nextjs/pages/Help.js

@@ -8,8 +8,8 @@ import { withStyles } from '@material-ui/core/styles';
 import Layout from "../components/templates/Layout"
 import Footer from '../components/organisms/Footer';
 import Link from 'next/link';
-import Head from 'next/head'
-import VideoVimeo from './../components/atoms/VideoVimeo'
+import Head from 'next/head';
+import VideoVimeo from './../components/atoms/VideoVimeo';
 
 const styles = theme => ({
   root: {
@@ -102,6 +102,7 @@ function Help(props) {
     <Layout>
     <Head>
       <title key="title">Recrutement vidéo : fonctionnement – Talents Tube</title>
+      <meta key="robots" name="robots" content="noindex, nofollow"></meta>
     </Head>
       <section className={classes.root}>
         <Typography gutterBottom component="h1"
@@ -128,7 +129,35 @@ function Help(props) {
           gutterBottom>
           Suivez nos conseils pour postuler simplement aux offres d’emploi. La vidéo de motivation vous permet de dévoiler votre personnalité, vos compétences, votre parcours, vos valeurs, vos soft-skills, votre ambition,…. et bien plus encore.
         </Typography>
-      
+        <Typography gutterBottom component="h2"
+          className={classes.subTitle}>
+           Comment réussir votre CV vidéo
+        </Typography>
+        <Typography
+          className={classes.text}
+          gutterBottom>
+          Suivez ce <a href="https://blog.talentstube.com/faire-cv-video" target="_blank" >lien</a>
+        </Typography>
+
+        <Typography gutterBottom component="h2"
+          className={classes.subTitle}>
+           Accompagnement à la création d'un CV vidéo professionnel
+        </Typography>
+        <Typography
+          className={classes.text}
+          gutterBottom>
+          Suivez ce <a href="https://blog.talentstube.com/accompagnement-cv-video" target="_blank" >lien</a>
+        </Typography>
+
+        <Typography gutterBottom component="h2"
+          className={classes.subTitle}>
+          Pourquoi faire un CV vidéo ?
+        </Typography>
+        <Typography
+          className={classes.text}
+          gutterBottom>
+          Suivez ce <a href="https://blog.talentstube.com/cv-video" target="_blank" >lien</a>
+        </Typography>
        
         
       </section>

nextjs/pages/Login.js

@@ -316,15 +316,15 @@ class LoginPage extends React.Component {
                                             </Typography>
 
 
-                                            <Typography
+                                            {/* <Typography
                                                 paragraph={true}
                                                 align="center"
                                                 className={classes.conditionalText}
-                                            >Ou</Typography>
+                                            >Ou</Typography> */}
 
 
                                         </form>
-                                        <SocialButtonsAuth linkedInAuth={this.linkedInAuth} facebookAuth={this.facebookAuth} />
+                                        {/* <SocialButtonsAuth linkedInAuth={this.linkedInAuth} facebookAuth={this.facebookAuth} /> */}
 
                                         <div className={classes.form}>
                                             <Typography

nextjs/pages/Offre.js

@@ -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));

nextjs/pages/Offres.js

@@ -9,10 +9,12 @@ 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'
+import OgHead from '../components/atoms/OgHead';
+import getConfig from 'next/config'
 
 
 const styles = theme => ({
@@ -84,15 +86,20 @@ class Offres extends React.Component {
     const { classes } = this.props;
     const countColor = this.props.promotedFilter ? classes.provided : classes.primary;
     const btnClass = this.props.promotedFilter ? classes.buttonDefault : classes.buttonProvided;
-
+    const { publicRuntimeConfig } = getConfig();
+    const socialShareUrl = typeof window !== 'undefined' ? window.location
+            : publicRuntimeConfig.frontServerUrl + `/Offres`;
+    const DefaultUrl = publicRuntimeConfig.symphonyUrl + "/img/default_picture_svg"
+    const imgUrl = DefaultUrl ;
     return (
       <LayoutGrid backLink="/">
-        <Head>
-          <title key="title">Offres d’emploi en vidéo – Talents Tube</title>
-          <meta name="description" content="Les offres d'emploi en vidéo." />
-          <meta key="robots" name="robots" content="noindex, nofollow"></meta>
-
-        </Head>
+        <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"
+                    
+                ></OgHead>
 
         <Typography gutterBottom component="h1"
           className={classes.title}>
@@ -100,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}
@@ -141,4 +148,4 @@ function mapStateToProps(state) {
   };
 }
 
-export default withStyles(styles)(connect(mapStateToProps, { fetchAdsRequest, togglePromotedFilterRequest })(Offres))
+export default withStyles(styles)(connect(mapStateToProps, { fetchJobsRequest, togglePromotedFilterRequest })(Offres))

nextjs/pages/Reponse.js

@@ -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'
@@ -282,7 +282,7 @@ class Reponse extends React.Component {
           <title>Candidature vidéo</title>
           <meta name="description" content="Talent's tube, postulez en video." />
           <meta key="robots" name="robots" content="noindex, nofollow"></meta>
-          <link rel="canonical" href="https://app.talentstube.com" />
+          
         </Head>
         {/* https://codesandbox.io/s/ii0us */}
        { loading ? 
@@ -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));

nextjs/pages/ResetPassword.js

@@ -107,6 +107,7 @@ class ResetPassword extends Component {
             <Layout>
                 <Head>
                     <title key="title">Reset password</title>
+                    <meta key="robots" name="robots" content="noindex, nofollow"></meta>
                 </Head>
                 <div className={classes.container}>
                     <Typography

nextjs/pages/index.js

@@ -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 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"
@@ -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)));

nextjs/pages/profileStep.js

@@ -1,43 +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>
-      </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">Profil – 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>
+    );
 }

nextjs/reducers/ad.js

@@ -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,

nextjs/reducers/ads.js

@@ -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,

nextjs/reducers/answers.js

@@ -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,

nextjs/reducers/emphasisJobs.js

@@ -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)
 );

nextjs/rootReducer.js

@@ -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,

nextjs/rootSaga.js

@@ -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),

nextjs/sagas/answerSaga.js

@@ -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));
   }
 }
 // {

nextjs/sagas/offreSaga.js

@@ -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));
   }
 }

nextjs/src/mailer.js

@@ -16,8 +16,8 @@ exports.sendConfirmationEmail = function (nom, prenom, tokenUrl, mail) {
   const tranport = setup();
   const email = {
     from: process.env.EMAIL_FROM,
-    to: process.env.NODE_ENV === 'production'? mail : 'thomas.berrod@e-declic.com',
-    subject: `Bienvenue ${mail} 🔑`,
+    to: process.env.NODE_ENV === 'production'? mail : 'l.laniau@talentstube.com',
+    subject: `Bienvenue ${mail} `,
     text: `
     Bonjour ${prenom} ${nom},
 

nextjs/src/postExport.js

@@ -4,14 +4,14 @@ const formatDate = require("./formatDate");
 
 // ROBOTS.txt
 // const robotsTxt = `User-agent: *
-// Sitemap: https://app.talentstube.com/sitemap_local.xml
+// Sitemap: https://www.talentstube.com/sitemap_local.xml
 // Disallow:`;
 
 const robotsTxt = `# crawl setup
 User-agent: *
 Disallow: /Login*
 # Sitemap
-Sitemap: https://app.talentstube.com/sitemap_local.xml`
+Sitemap: https://www.talentstube.com/sitemap_local.xml`
 
 fs.writeFileSync("out/robots.txt", robotsTxt);
 console.log("robots.txt saved!");
@@ -23,7 +23,7 @@ const sitemapXml = `<?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> 
   ${Object.keys(pathsObj).map(
     path => `<url>
-    <loc>https://app.talentstube.com${path}</loc>
+    <loc>https://www.talentstube.com${path}</loc>
     <lastmod>${
       pathsObj[path].lastModified
         ? formatDate(new Date(pathsObj[path].lastModified))

nextjs/types.js

@@ -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";

webRTC/src/mailer.js

@@ -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,