Ne pas afficher champ geoloc

nextjs/components/atoms/OgHead.js

@@ -20,6 +20,8 @@ const OgHead = props => {
             />
             <meta name="keywords" content={props.seo_key}/>
             <meta key="og:image" property="og:image" content={props.image} />
+            <meta key="og:image:width" property="og:image:width" content="355" />
+            <meta key="og:image:height" property="og:image:height" content="200" />
             <meta name="twitter:card" content="summary"/>
             <meta name="twitter:site" content="@TalentsTube"/>
             <meta name="twitter:title" content={props.seo_title}/>
@@ -29,7 +31,7 @@ const OgHead = props => {
             {/* <meta httpEquiv='cache-control' content='no-store,no-cache'></meta>
             <meta httpEquiv='expires' content='0'></meta>
             <meta httpEquiv='pragma' content='no-cache'></meta> */}
-            {/* <link rel="canonical" href={ props.seo_url} />     */}
+            <link rel="canonical" href={ props.seo_url} />    
             
         </Head>
         

nextjs/components/organisms/Answer.js

@@ -321,7 +321,7 @@ class Answer extends Component {
 
         if (e.target.value === '') {
             console.log('cleared');
-            this.props.onSelectionChanged('');
+            //this.props.onSelectionChanged('');
         }
     }
 
@@ -448,6 +448,10 @@ class Answer extends Component {
             value: this.state.address,
             onChange: this.onChange,
           }
+          const searchOptions = {
+            componentRestrictions: { country: ['fr'] },
+          }
+        
         return (
             <section className={classes.container}>
                 
@@ -519,27 +523,33 @@ class Answer extends Component {
                         helperText={!!_.isEmpty(this.state.lastname) && "Veuillez saisir votre nom"}
                         required
                     />
-                    <div style={{ position: 'relative' }}>
+                    {/* <div 
+                    className={classes.textField}
+                    classes={{ root: classes.rootTextfield }} 
+                    style={{ position: 'relative', zIndex:2, width: '100%' }}>
                     <GooglePlaceAutocomplete
-                        style={{ left: 0, right: 0, zIndex: 1, width: 800 }}
+                        style={{ left: 0, right: 0, zIndex: '2 !important', width: '100%' }}
                         name="location"
                         label="Location"
+                        options={this.searchOptions}
                         onSuggestionSelected={this.onSuggestionSelected}
-                        textFieldProps={{ onChange: (e) => this.onChange(e), value: this.state.value, placeholder: 'Chercher votre adresse', fullWidth: true}}
+                        textFieldProps={{ onChange: (e) => this.onChange(e), value: this.state.value, placeholder: 'Chercher votre adresse', fullWidth: true, size:"small"}}
                         types={['(regions)']}
+                        componentRestrictions={{country: 'fr'}}
                         renderTarget={() => (
                             <div
+                                 
                               style={{
                                 
-                                width:'600px',
-                                zIndex:1
+                                width: '100%',
+                                zIndex:9
                               }}
                             >
                               
                             </div>
                           )}
                     />
-                    </div>
+                    </div>  */}
                     <TextField
                         name="firstname"
                         required

nextjs/components/organisms/CompanyRow.js

@@ -139,7 +139,7 @@ class CompanyRowComponent extends React.Component {
   render() {
     const { classes, theme, rowData } = this.props;
 
-    const imgDefaultUrl = "https://www.talentstube.com/static/images/default/default_picture_company.svg"
+    const imgDefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
 
     const imgUrl = (rowData.presentation_video && rowData.presentation_video.thumbnails[0] && rowData.presentation_video.thumbnails[0].sizes[4]) ? rowData.presentation_video.thumbnails[0].sizes[4].link : imgDefaultUrl
     const logoUrl = publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + rowData.logo

nextjs/components/organisms/OffreDetail.js

@@ -342,7 +342,7 @@ const styles = theme => ({
         padding: theme.spacing(1, 0),
         whiteSpace: 'pre-line',
         textAlign: 'justify',
-        lineHeight : '2em',
+        lineHeight : '1.5em',
         color: '#1E2327'
     },
     ul:{
@@ -676,8 +676,8 @@ const { publicRuntimeConfig } = getConfig()
 
 function OffreDetail(props) {
     let { classes, offre, isCandidature } = props;
-    const logoUrl = (offre.company ? publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + offre.company.logo : "https://www.talentstube.com/static/images/default/default_picture_company.svg")
-    const DefaultUrl = "https://www.talentstube.com/static/images/default/default_picture_company.svg"
+    const logoUrl = (offre.company ? publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + offre.company.logo : "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg")
+    const DefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
     const imgUrl = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[2]) ? offre.company.presentation_video.thumbnails[0].sizes[2].link : DefaultUrl
     const imgUrlDesktop = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[4]) ? offre.company.presentation_video.thumbnails[0].sizes[4].link : DefaultUrl
     const imgUrlOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[2]) ? offre.video.thumbnails[0].sizes[2].link : DefaultUrl
@@ -753,7 +753,7 @@ function OffreDetail(props) {
         teletravail=null;
     }
     
-    const imgDefaultUrl = "https://www.talentstube.com/static/images/default/default_picture_company.svg"
+    const imgDefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
     {/* CONST MARQUE EMPLOYEUR */}
     const marqueEmployeur = offre.company && offre.company.presentation_video && !offre.is_promoted && (
         <div className={classes.container + ' ' + classes.discoverContainerCompany}>
@@ -1103,4 +1103,4 @@ function OffreDetail(props) {
         </Fragment>
     )
 }
-export default withStyles(styles)(withWidth()(OffreDetail));
+export default withStyles(styles)(OffreDetail);

nextjs/components/organisms/OffreRow.js

@@ -42,7 +42,7 @@ const styles = theme => ({
     },
     margin: '1vh 2vh 1vh 2vh',
     [theme.breakpoints.up('sm')]: {
-      margin: '1vh 0 1vh 0',
+      margin: '2vh 0 2vh 0',
     },
   },
   detailsContainer: {

nextjs/components/organisms/SocialShare.js

@@ -95,11 +95,11 @@ export default function SocialShare(props) {
                 <a href={"http://twitter.com/share?url=" + encodeURIComponent(props.url)} target="_blank">
                     <Icon className={clsx(classes.icon, classes.TwitterIcon, 'fab fa-twitter')} color="secondary" />
                 </a>
-                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talent's Tube")} target="_blank">
+                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talents Tube")} target="_blank">
                     <Icon className={clsx(classes.icon, classes.LinkedinIcon, 'fab fa-linkedin-in')} color="secondary" />
                 </a>
                 {/* change because of https://github.com/zeit/next.js/blob/master/errors/invalid-href-passed.md */}
-                <a href={"mailto:?subject=Offre d'emploi Talent's Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
+                <a href={"mailto:?subject=Offre d'emploi Talents Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
                     <Icon className={clsx(classes.icon, classes.MailIcon, 'fas fa-envelope')} color="secondary" />
                 </a>
             </Hidden>
@@ -110,11 +110,11 @@ export default function SocialShare(props) {
                 <a href={"http://twitter.com/share?url=" + encodeURIComponent(props.url)} target="_blank">
                     <Icon className={clsx(classes.icon, classes.TwitterIconMobile, 'fab fa-twitter')} color="secondary" />
                 </a>
-                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talent's Tube")} target="_blank">
+                <a href={"https://www.linkedin.com/shareArticle?mini=true&url=" + encodeURIComponent(props.url + "&title=Talents Tube")} target="_blank">
                     <Icon className={clsx(classes.icon, classes.LinkedinIconMobile, 'fab fa-linkedin-in')} color="secondary" />
                 </a>
                 {/* change because of https://github.com/zeit/next.js/blob/master/errors/invalid-href-passed.md */}
-                <a href={"mailto:?subject=Offre d'emploi Talent's Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
+                <a href={"mailto:?subject=Offre d'emploi Talents Tube&body=Regardez cette offre : " + props.url} target="_blank"s>
                     <Icon className={clsx(classes.icon, classes.MailIconMobile, 'fas fa-envelope')} color="secondary" />
                 </a>
             </Hidden>

nextjs/components/templates/LayoutOffre.js

@@ -10,7 +10,9 @@ import SocialShare from '../organisms/SocialShare'
 import withWidth, { isWidthUp } from '@material-ui/core/withWidth'
 import Hidden from '@material-ui/core/Hidden';
 import Link from 'next/link'
-
+import getConfig from 'next/config'
+import _ from "lodash/string";
+const { publicRuntimeConfig } = getConfig()
 const styles = theme => ({
   foot: {
     display: 'flex',
@@ -146,4 +148,4 @@ LayoutOffre.propTypes = {
   offre: PropTypes.object,
 };
 
-export default withStyles(styles)(withWidth()(LayoutOffre))
+export default withStyles(styles)(LayoutOffre)

nextjs/next.config.js

@@ -55,8 +55,8 @@ module.exports = withPlugins(
         blogUrl: 'https://blog.talentstube.com',
         frontServerUrl: 'https://pp.app.talentstube.com/',
         cvThequeUrl: 'https://recruteur.talentstube.com',
-        version : 'V2.5.2',
-        adListDefaultUrl: '/statique/images/default/default_picture_company.svg',
+        version : 'V2.5.4',
+        adListDefaultUrl: '/statique/images/default/default_picture_company.jpg',
         cachedMediaUrl: '/media/cache/profile_thumb/uploads/img/',
         postedContentUrl: '/uploads/img/',
         postedContentCv: '/uploads/cv/',

nextjs/pages/Entreprise.js

@@ -53,6 +53,15 @@ const styles = theme => ({
             padding: '0 30vw',
         },
     },
+    containerMobile: {
+        padding: theme.spacing(0, 3),
+        paddingBottom: '20vh',
+        marginTop:'10px',
+        marginBottom:'200px',
+        [theme.breakpoints.up('md')]: {
+            padding: '0 30vw',
+        },
+    },
     containerTerritoryMobile:{
         marginTop:'50px',
         marginBottom:'50px',
@@ -666,7 +675,7 @@ const styles = theme => ({
         padding: theme.spacing(1, 0),
         whiteSpace: 'pre-line',
         textAlign: 'justify',
-        lineHeight : '2em',
+        lineHeight : '1.5em',
         color: '#1E2327'
     },
     ul:{
@@ -1025,8 +1034,10 @@ class Entreprise extends React.Component {
         const logoUrl = (company.logo ? publicRuntimeConfig.symphonyUrl + publicRuntimeConfig.cachedMediaUrl + company.logo : publicRuntimeConfig.symphonyUrl + "/img/default_picture_svg")
         
         const DefaultUrl = publicRuntimeConfig.symphonyUrl + "img/default_picture_svg"
-        const imgUrl = (company.presentation_video && company.presentation_video.thumbnails[0] && company.presentation_video.thumbnails[0].sizes[2]) ? company.presentation_video.thumbnails[0].sizes[2].link : DefaultUrl
-        const imgUrlDesktop = (company.presentation_video && company.presentation_video.thumbnails[0] && company.presentation_video.thumbnails[0].sizes[4]) ? company.presentation_video.thumbnails[0].sizes[4].link : DefaultUrl
+        const DefaultUrlSEO = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
+        const imgUrl = (company.presentation_video && company.presentation_video.thumbnails[0] && company.presentation_video.thumbnails[0].sizes[3]) ? company.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
+        const imgUrlDesktop = (company.presentation_video && company.presentation_video.thumbnails[0] && company.presentation_video.thumbnails[0].sizes[3]) ? company.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
+        const imgUrlDesktopSEO = (company.presentation_video && company.presentation_video.thumbnails[0] && company.presentation_video.thumbnails[0].sizes[3]) ? company.presentation_video.thumbnails[0].sizes[3].link : DefaultUrlSEO
         const imgUrlTerritoire = (company.territories && company.territories[0] && company.territories[0].territory && company.territories[0].territory.presentation_video.thumbnails && company.territories[0].territory.presentation_video.thumbnails[0] && company.territories[0].territory.presentation_video.thumbnails[0].sizes[2]) ? company.territories[0].territory.presentation_video.thumbnails[0].sizes[2].link : DefaultUrl
         const imgUrlDesktopTerritoire = (company.territories && company.territories[0] && company.territories[0].territory.presentation_video && company.territories[0].territory.presentation_video.thumbnails && company.territories[0].territory.presentation_video.thumbnails[0] && company.territories[0].territory.presentation_video.thumbnails[0].sizes[4]) ? company.territories[0].territory.presentation_video.thumbnails[0].sizes[4].link : DefaultUrl
         const offre = (company.count_ads == 1) ? company.count_ads + ' offre' : company.count_ads + ' offres'
@@ -1064,7 +1075,7 @@ class Entreprise extends React.Component {
                 <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}
+                    image={imgUrlDesktopSEO}
                 ></OgHead>
             <LayoutCompany backLink="/Entreprises" companyId={company.id} companyLibelle={descriptionCompany}>
                 
@@ -1082,7 +1093,7 @@ class Entreprise extends React.Component {
                                                     {company.presentation_video &&
                                                     <Link href={`/Player?id=/Entreprise/${company.id}-${_.kebabCase(company.brand_name)}&videoId=${Ar.last(_.split(company.presentation_video.cdn_url, '/'))}&type=Entreprise`} >   
                                                             <div className={classes.discoverContainerImage}>
-                                                                <img  src={isWidthUp('sm', this.props.width) ? imgUrlDesktop : imgUrl} alt={company.brand_name && company.brand_name} />
+                                                                <img  src={ imgUrl} alt={company.brand_name && company.brand_name} />
                                                                 <div className={classes.containerPoste}>
                                                                 
                                                                     <Typography variant="h4" component="h4" gutterBottom className={classes.poste}>
@@ -1203,7 +1214,7 @@ class Entreprise extends React.Component {
                                                         </Button>
                                                     </a>
                                                     <Typography gutterBottom className={classes.contentShare}>
-                                                        Partagez l'entreprise sur votre réseau
+                                                        Partager l'entreprise sur votre réseau
                                                 </Typography>
                                                     <section className={classes.ShareIcons}>
                                                         <SocialShare url={socialShareUrl} />
@@ -1298,10 +1309,10 @@ class Entreprise extends React.Component {
                                 
                             </section>
                             <section>
-                            <div className={classes.containcontainerer }>
+                            <div className={classes.containerMobile }>
                             {
                                 !_.isEmpty(company.ads) ? (
-                                    <div className={classes.container } id="discover">
+                                    <div  id="discover">
                                         <Typography gutterBottom component="h2" className={classes.discoverOffres}>
                                             Les offres d'emploi pour <span>{company.brand_name && company.brand_name}</span>
                                         </Typography>

nextjs/pages/Offre.js

@@ -42,19 +42,20 @@ class Offre extends React.Component {
         offre.company && offre.company.brand_name ? descriptionSEO += offre.company.brand_name : ""
         descriptionSEO +=  " recrute en vidéo un(e) "+offre.title
         titleSEO =  "Offre d'emploi vidéo "+offre.title
-        const socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `/Offre/${offre.id}-${_.kebabCase(offre.title)}`;
-        const DefaultUrl = "https://www.talentstube.com/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 socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `Offre/${offre.id}-${_.kebabCase(offre.title)}`;
+        const DefaultUrl = "https://blog.talentstube.com/wp-content/uploads/2021/01/default_picture_company.jpg"
+        const imgUrl = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[3]) ? offre.company.presentation_video.thumbnails[0].sizes[3].link : DefaultUrl
         const imgUrlDesktop = (offre.company && offre.company.presentation_video && offre.company.presentation_video.thumbnails && offre.company.presentation_video.thumbnails[0] && offre.company.presentation_video.thumbnails[0].sizes[4]) ? offre.company.presentation_video.thumbnails[0].sizes[4].link : DefaultUrl
-        const imgUrlOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[2]) ? offre.video.thumbnails[0].sizes[2].link : DefaultUrl
+        const imgUrlOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[3]) ? offre.video.thumbnails[0].sizes[3].link : DefaultUrl
         const imgUrlDesktopOffre = (offre && offre.video && offre.video.thumbnails && offre.video.thumbnails[0] && offre.video.thumbnails[0].sizes[4]) ? offre.video.thumbnails[0].sizes[4].link : DefaultUrl
         return (
             <RootContainer>
                 <OgHead seo_title={titleSEO}
                 seo_description={descriptionSEO}
                 seo_url={socialShareUrl}
-                image={imgUrl}
+                image={imgUrlOffre}
             ></OgHead>
+           
                 <LayoutOffre backLink="/Offres" offreId={offre.id} offre={offre} isProvided={offre.is_promoted}>
                 
                 {/* <Suspense fallback={renderLoader()}><OffreDetail offre={offre}/></Suspense> */}

nextjs/pages/Reponse.js

@@ -340,7 +340,7 @@ class Reponse extends React.Component {
       <LayoutBack text="Candidature" step={this.state.activeStep} openStudio={this.state.openStudio}>
         <Head>
           <title>Candidature vidéo</title>
-          <meta name="description" content="Talent's tube, postulez en video." />
+          <meta name="description" content="Talents tube, postulez en video." />
           <meta key="robots" name="robots" content="noindex, nofollow"></meta>
           
         </Head>