Minheight à 200px sur les offres pour les écrans mac

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/organisms/AccountEtape1.js

@@ -8,7 +8,9 @@ import { updateUserRequest } from '../../actions/user'
 import getConfig from 'next/config'
 import Validator from "validator";
 import ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';
-
+import {
+    Button,
+} from '@material-ui/core';
 
 const styles = theme => ({
     container: {
@@ -41,7 +43,7 @@ const styles = theme => ({
         },
     },
     textFieldSmall: {
-        width: '32%',
+        width: '48%',
         '&:disabled': {
             color: theme.palette.secondary.dark,
         },
@@ -221,18 +223,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 +251,17 @@ class Accountdetails extends Component {
         this.props.updateUserPictureRequest(data)
     }
 
+    
+
     render() {
         const { classes, user } = this.props
         const logoUrl = user.picture;
+        function refresh() {
+            document
+                .location
+                .reload(true);
+            
+        }
         return (
           <section className={classes.container}>
             <form className={classes.form}
@@ -456,6 +466,13 @@ class Accountdetails extends Component {
                         onChange={this.handleChange}
                         onBlur={this.onBlur} 
                     />
+                    <Button
+                            variant="contained"
+                            color="primary"
+                            onClick={refresh}
+                            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>

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/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%',
     },
@@ -340,7 +340,7 @@ function OffreDetail(props) {
                                     </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 +401,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 +449,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

@@ -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: {
@@ -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/Tile.js

@@ -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/next.config.js

@@ -40,9 +40,10 @@ module.exports = withPlugins(
     }],
     [{
       publicRuntimeConfig: {
-        symphonyUrl: 'https://www.talentstube.com',
+        symphonyUrl: 'https://recruteur.talentstube.com',
         blogUrl: 'https://blog.talentstube.com',
-        frontServerUrl: 'https://app.talentstube.com',
+        frontServerUrl: 'https://www.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}>

nextjs/pages/Candidatures.js

@@ -45,6 +45,7 @@ class Candidatures extends React.Component {
             <LayoutGrid backLink="/">
             <Head>
                 <title key="title">Candidatures</title>
+                <meta name="robots" content="noindex, nofollow"></meta>
             </Head>
 
                 {/* TODO */}

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/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/faire-cv-video" target="_blank" >lien</a>
+        </Typography>
        
         
       </section>

nextjs/pages/Offres.js

@@ -13,6 +13,8 @@ import { fetchAdsRequest, 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="Offres d’emploi en vidéo – Talents Tube"
+                    seo_description="Les offres d'emploi en vidéo."
+                    seo_url={socialShareUrl}
+                    image={imgUrl}
+                    seo_key="Recrutement, video"
+                    
+                ></OgHead>
 
         <Typography gutterBottom component="h1"
           className={classes.title}>

nextjs/pages/Reponse.js

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

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/profileStep.js

@@ -30,6 +30,7 @@ export default function HorizontalNonLinearStepper() {
     <Layout>
       <Head>
           <title key="title">Profile – Talents Tube</title>
+          <meta key="robots" name="robots" content="noindex, nofollow"></meta>
       </Head>
         <div >
           <AccountProfile />

nextjs/src/mailer.js

@@ -16,7 +16,7 @@ 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',
+    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))