Social Share

Header maj
US403, US413, US404
2020-12-03 16:43:29 +01:00 · 2020-12-03 16:20:51 +01:00 · 2020-12-03 16:17:52 +01:00 · 2020-12-02 16:40:57 +01:00 · 2020-12-01 19:21:23 +01:00 · 2020-12-01 11:23:22 +01:00
22 changed files with 1864 additions and 235 deletions
@@ -9,6 +9,7 @@ import BusinessCenterIcon from '@material-ui/icons/BusinessCenter';
 import Business from '@material-ui/icons/Business';
 import Typography from '@material-ui/core/Typography';
 import WatchLater from '@material-ui/icons/WatchLater';
+import Home from '@material-ui/icons/Home';

 const variantIcon = {
  assignment: AssignmentIcon,
@@ -17,6 +18,7 @@ const variantIcon = {
  business_center: BusinessCenterIcon,
  business: Business,
  watch_later: WatchLater,
+  home: Home,
 };

 const styles = theme => ({
@@ -4,6 +4,7 @@ import { withStyles } from '@material-ui/core/styles';
 import AssignmentIcon from '@material-ui/icons/Assignment';
 import RoomIcon from '@material-ui/icons/Room';
 import LocationOnIcon from '@material-ui/icons/LocationOn';
+import HomeOnIcon from '@material-ui/icons/Home';
 import WatchLater from '@material-ui/icons/WatchLater';
 import BusinessCenterIcon from '@material-ui/icons/BusinessCenter';
 import Typography from '@material-ui/core/Typography';
@@ -13,6 +14,7 @@ const variantIcon = {
  assignment: AssignmentIcon,
  room: RoomIcon,
  location_on: LocationOnIcon,
+  home: HomeOnIcon,
  watch_later: WatchLater,
  business_center: BusinessCenterIcon,
  business: Business,
@@ -6,7 +6,7 @@ const OgHead = props => {
    return (
        <Head>
            <title key="title">{props.seo_title}</title>
-            <meta name="robots" content="noindex, nofollow"></meta>
+            {/* <meta name="robots" content="noindex, nofollow"></meta> */}
            <meta name="description" kenoindexy="description" content={props.seo_description} />
            <meta name="keywords" content={props.seo_key}/>
            <meta key="og:url" property="og:url" content={props.seo_url} />
@@ -111,12 +111,10 @@ export default function SimpleCollapse(props) {
      </Collapse>

      <CardActions disableSpacing classes={{ root: classes.rootCardAction }}>
-
-
        <IconButton
          onClick={handleExpandClick}
          aria-expanded={expanded}
-          aria-label="Afficher plus"
+          aria-label="Afficher plus "
        > <Typography className={classes.displayMore}>
            {(!expanded) ? 'Afficher plus' : 'Afficher moins'}
          </Typography>
@@ -262,7 +262,7 @@ function Footer(props) {
                        56 000 Vannes
                </Typography>
                    <Typography gutterBottom color="secondary" component="p" className={classes.textContainer}>
-                    <a href="tel:+33230050631"  >02.30.05.06.31</a>
+                    <a href="tel:+33230050631"  >02.30.05.06.31 </a> 
                </Typography>
                    {/* <Typography gutterBottom color="secondary" component="p" className={classes.textContainer}>
                        contact@talentstube.com
@@ -2,6 +2,7 @@ import React from 'react';

 const NextButton = ({ hasNext, onClick, style, className, text }) => hasNext ? (
  <button type="button" onClick={onClick} style={style} className={className}>Suivant</button>
+                
 ) :
 null;

@@ -0,0 +1,35 @@
+// import React, { useState } from 'react';
+// import Pagination from '@material-ui/lab/Pagination';
+// import PaginationItem from '@material-ui/lab/PaginationItem';
+// export default function GriddleCustomPageDropdown(props) {
+//   let [page] = React.useState(1);
+//   let PageDropDown = null;
+//   const setPage = (event, newPage) => {
+//     console.log('test');
+//     setPage(newPage);
+
+//   };
+//   return (
+//     <Pagination count={props.maxPages} defaultPage={props.currentPage} onChange={props.setPage}/>
+//   );
+// }
+
+// const [page, setPage] = useState(1);
+//   const handleChangePage = (event, newPage) => {
+    
+//     setPage(newPage);
+//   };
+// const PageDropDown = ({ maxPages, currentPage, setPage  }) => <Pagination count={maxPages} defaultPage={currentPage} onChangePage={handleChangePage}/> ;
+
+// export default PageDropDown;
+
+
+import React from 'react';
+import Pagination from '@material-ui/lab/Pagination';
+
+const NextButton = ({ maxPages, currentPage, setPage, className, text }) => maxPages ? (
+  <Pagination count={maxPages} defaultPage={currentPage} onChange={setPage} shape="rounded"/>              
+) :
+null;
+
+export default NextButton;
@@ -40,7 +40,7 @@ import ActiveLink from "./../atoms/Activelink";
 import axios from 'axios';
 import setAuthorizationHeader from "../../data/setAuthorizationHeader";
 import getConfig from 'next/config'
-
+import Router from 'next/router'
 const styles = theme => ({
  root: {
    width: '100%',
@@ -327,7 +327,12 @@ class Header extends React.Component {
  }

  toggle = () => this.setState(state => ({ toggle: !state.toggle }))
+  chargerPage =(type)=> {
+    console.log(type);
+    //Router.replace(page);
+    sessionStorage.setItem(type+'_currentPage',1);

+  } 
  render() {
    const { classes } = this.props;
    const { publicRuntimeConfig } = getConfig();
@@ -538,13 +543,13 @@ class Header extends React.Component {

                <List className={classes.desktopMenuList}>
                  <div>
-                    <ActiveLink activeClassName={classes.active} href="/Offres"  >
-                      <a className={classes.desktopMenuItem}>
+                    <ActiveLink activeClassName={classes.active} href="/Offres"   >
+                      <a className={classes.desktopMenuItem} >
                        <ListItemText primary="Offres d'emploi">
                        </ListItemText>
                      </a>
                    </ActiveLink>
-                    <ActiveLink activeClassName={classes.active} href="/Entreprises"  >
+                    <ActiveLink activeClassName={classes.active} href="/Entreprises"    >
                      <a className={classes.desktopMenuItem}>
                        <ListItemText primary='Nos entreprises'>
                        </ListItemText>
@@ -0,0 +1,565 @@
+import React, { Fragment, Children } from 'react';
+import AppBar from '@material-ui/core/AppBar';
+import Toolbar from '@material-ui/core/Toolbar';
+import IconButton from '@material-ui/core/IconButton';
+import { withStyles, getMuiTheme } from '@material-ui/core/styles';
+import MenuIcon from '@material-ui/icons/Menu';
+import Link from 'next/link'
+import Drawer from '@material-ui/core/Drawer';
+import Divider from '@material-ui/core/Divider';
+import HomeIcon from '@material-ui/icons/HomeOutlined';
+import OfferIcon from '@material-ui/icons/LocalOfferOutlined';
+import CompanyIcon from '@material-ui/icons/DomainOutlined';
+import HelpIcon from '@material-ui/icons/HelpOutline';
+import VideoIcon from '@material-ui/icons/OndemandVideoOutlined';
+import NotesIcon from '@material-ui/icons/NotesOutlined';
+import SupervisorAccountIcon from '@material-ui/icons/SupervisorAccount';
+import PersonIcon from '@material-ui/icons/Person';
+import PersonAddIcon from '@material-ui/icons/PersonAdd';
+import WorkOutlineIcon from '@material-ui/icons/WorkOutline';
+import AccountCircleOutlinedIcon from '@material-ui/icons/AccountCircleOutlined';
+import FolderSharedIcon from '@material-ui/icons/FolderShared';
+import AccountCircleIcon from '@material-ui/icons/AccountCircle';
+import PermContactCalendar from '@material-ui/icons/PermContactCalendar';
+import VideoCam from '@material-ui/icons/Videocam';
+import SettingsIcon from '@material-ui/icons/Settings';
+import PowerSettingsNewIcon from '@material-ui/icons/PowerSettingsNew';
+import ArrowForward from '@material-ui/icons/ArrowForward';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import { ListItemText } from '@material-ui/core';
+import Loader from '../templates/loader'
+import { connect } from 'react-redux'
+import { fetchCurrentUserRequest } from "../../actions/user";
+import { requestLogout } from "../../actions/auth";
+import Button from '@material-ui/core/Button';
+import withWidth, { isWidthUp } from '@material-ui/core/withWidth'
+import Typography from '@material-ui/core/Typography';
+import { withRouter } from "next/router";
+import ActiveLink from "../atoms/Activelink";
+import axios from 'axios';
+import setAuthorizationHeader from "../../data/setAuthorizationHeader";
+import getConfig from 'next/config'
+import Router from 'next/router'
+import ButtonBase from "@material-ui/core/ButtonBase";
+import ArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
+const styles = theme => ({
+  root: {
+    width: '100%',
+    position: 'relative',
+    zIndex: '999',
+    '& a': {
+      textDecoration: 'none'
+    }
+  },
+  toolbar: {
+    height: '64px',
+  },
+  grow: {
+    flexGrow: 1,
+  },
+  menuButton: {
+    marginLeft: -12,
+    marginRight: 20,
+    display: 'block'
+  },
+  menuLogo: {
+    cursor: 'pointer',
+    [theme.breakpoints.down('md')]: {
+      width: '200px'
+    },
+    [theme.breakpoints.down('sm')]: {
+      width: '130px'
+    },
+  },
+  menuAvatar: {
+    width: '2.5em',
+    borderRadius: '50%',
+    marginTop: theme.spacing(2),
+    marginLeft: theme.spacing(2),
+  },
+  menuUserName: {
+    color: theme.palette.menu.emailText,
+    fontSize: '1.3rem',
+    fontWeight: '500',
+  },
+  menuUserEmail: {
+    color: theme.palette.menu.emailText,
+    fontSize: '0.9rem',
+    fontWeight: '200',
+  },
+  darkDivider: {
+    background: 'whitesmoke',
+    opacity: '0.1',
+  },
+  List: {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    height: '100%',
+    paddingTop: 0,
+    paddingBottom: 0,
+    '&>a:first-child': {
+      minHeight: '64px',
+      height: '64px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+    [theme.breakpoints.up('md')]: {
+      '&>a:first-child': {
+        height: '64px',
+      },
+      '&>a:first-child li': {
+        height: '64px',
+        alignItems: 'center',
+      },
+    },
+  },
+  fullList: {
+    width: 'auto',
+    cursor: 'pointer',
+    paddingBottom: 0
+  },
+  lightFullList: {
+    height: '100vh',
+    backgroundColor: theme.palette.background.default,
+  },
+  darkFullList: {
+    backgroundColor: theme.palette.background.dark,
+  },
+  lightMenuItem: {
+    color: theme.palette.menu.lightText,
+    textDecoration: 'none',
+  },
+  darkMenuItem: {
+    color: theme.palette.menu.darkText,
+    textDecoration: 'none',
+  },
+  darkMenuItemSpecific: {
+    '&:hover,&:active': {
+      color: theme.palette.primary.main,
+    }
+  },
+  links: {
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    height: '100%',
+  },
+  linkGroup: {
+    padding: theme.spacing(1.2, 0),
+    paddingLeft: 0,
+  },
+  videothequeLinkGroup: {
+    backgroundColor: theme.palette.background.videotheque,
+  },
+  blogLinkGroup: {
+    backgroundColor: theme.palette.background.blog,
+  },
+  recruteurLinkGroup: {
+    backgroundColor: theme.palette.background.recruteur,
+  },
+  rootListItem: {
+    padding: theme.spacing(1, 2),
+    cursor: 'pointer',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+  },
+  rootListItemIcon: {
+    padding: theme.spacing(1, 2),
+    cursor: 'pointer',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  ListItemUserConnected: {
+    flexDirection: 'column',
+  },
+  ListItemText: {
+    fontSize: '1em',
+  },
+  icon: {
+    paddingRight: theme.spacing(2.5),
+  },
+  iconAccount: {
+    color: theme.palette.primary.dark,
+  },
+  title: {
+    color: theme.palette.secondary.main,
+    fontSize: '1.5em'
+  },
+  email: {
+    color: theme.palette.menu.emailText,
+    fontSize: '0.9em'
+  },
+  button: {
+    padding: theme.spacing(0.5, 1),
+    textTransform: 'inherit',
+    '& svg': {
+      width: '0.7em',
+      height: '0.7em',
+    },
+  },
+
+  active: {
+    '& span, & svg': {
+      color: theme.palette.primary.main + ' !important',
+    },
+  },
+
+  //DESKTOP PART
+
+  desktopMenuItem: {
+    [theme.breakpoints.down('md')]: {
+      padding: theme.spacing(0.4),
+    },
+    '& span.MuiTypography-root': {
+      fontSize: '0.8rem',
+      fontWeight: '500',
+    },
+  },
+  desktopMenuList: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: 0,
+  },
+  appBarDesktopSection: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  appBarDesktopSection1: {
+    padding: theme.spacing(0, 2),
+    height: '100%',
+    borderRight: 'solid 1px whitesmoke',
+  },
+  appBarDesktopSection2: {
+    width: '100%',
+    justifyContent: 'space-between',
+    padding: theme.spacing(0, 2),
+    '& ul': {
+      width: '95%',
+    },
+    '& ul>div': {
+      display: 'flex',
+    },
+    '& ul > div:nth-child(1) a span': {
+      color: theme.palette.primary.dark,
+      '&:hover, &:active': {
+        color: theme.palette.primary.main,
+      }
+    },
+    '& .MuiListItemText-root': {
+      padding: theme.spacing(0, 1),
+      [theme.breakpoints.down('md')]: {
+        padding: theme.spacing(0),
+      },
+    },
+    '& a:last-child .MuiButtonBase-root span': {
+      color: theme.palette.secondary.main,
+    },
+  },
+  appBarDesktopSection3: {
+    padding: theme.spacing(0, 2),
+    height: '100%',
+    backgroundColor: theme.palette.primary.dark,
+    '& a': {
+      display: 'flex',
+      alignItems: 'flex-end',
+    },
+    '& span, & svg': {
+      color: theme.palette.secondary.main,
+    },
+  },
+  toolbarDesktop: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: '64px',
+  },
+  desktopMenuButtonLogin: {
+    background: theme.palette.primary.main,
+    borderColor: theme.palette.primary.main,
+  },
+  rootListItemDesktop: {
+    [theme.breakpoints.up('md')]: {
+      padding: theme.spacing(1),
+    },
+  },
+  iconDesktop: {
+    paddingRight: theme.spacing(2.5),
+    [theme.breakpoints.up('md')]: {
+      paddingRight: 0,
+    },
+  },
+});
+let urlEnv;
+
+class HeaderOffre extends React.Component {
+  state = {
+    top: false,
+    left: false,
+    bottom: false,
+    right: false,
+    toggle: true
+  };
+
+
+
+  componentDidMount() {
+
+  }
+
+  
+
+  toggleDrawer = (side, open) => () => {
+    this.setState({
+      [side]: open,
+    });
+  };
+
+  onRedirectAccount = e => {
+      urlEnv = (process.env.NODE_ENV !== 'production') ? '//localhost/app_dev.php' : process.env.SERVER_URL;
+      e.preventDefault();
+      var redirectAccountUrl = urlEnv + "/api/talent?bearer=" + localStorage.getItem("ttJWT");
+      window.open(redirectAccountUrl);
+  }
+
+  toggle = () => this.setState(state => ({ toggle: !state.toggle }))
+  chargerPage =(type)=> {
+    console.log(type);
+    //Router.replace(page);
+    sessionStorage.setItem(type+'_currentPage',1);
+
+  } 
+  render() {
+    const { classes } = this.props;
+    const { publicRuntimeConfig } = getConfig();
+
+
+    return (
+      <div className={classes.root}>
+        
+
+        <Drawer anchor="right" open={this.state.right} onClose={this.toggleDrawer('right', false)}>
+          <div
+            tabIndex={0}
+            role="button"
+            onClick={this.toggleDrawer('right', false)}
+            onKeyDown={this.toggleDrawer('right', false)}
+          >{!!this.props.loading &&
+            (<Loader />
+            )}
+            {!!!this.props.loading && !!!this.props.fetched
+              &&
+              <div className={classes.fullList + ' ' + classes.darkFullList}>
+                
+              </div>}
+            {!!!this.props.loading && !!this.props.fetched &&
+              <Fragment>
+                {this.props.user.picture ?
+                  <img alt="talents-tube" src={publicRuntimeConfig.symphonyUrl +publicRuntimeConfig.postedContentUrl+ this.props.user.picture} className={classes.menuAvatar} />
+                  :
+                  <img alt="talents-tube" src='/static/images/default/account-avatar-default.svg' className={classes.menuAvatar} />
+                }
+                <ListItem classes={{ root: classes.rootListItem }} className={classes.ListItemUserConnected}>
+                  <Typography gutterBottom component="h1" className={classes.menuUserName}>
+                    {this.props.user.firstname + " " + this.props.user.lastname}
+                  </Typography>
+
+                  <Typography gutterBottom component="h3" className={classes.menuUserEmail} >
+                    {this.props.user.email}
+                  </Typography>
+                </ListItem>
+
+                <Divider className={classes.darkDivider} />
+
+                {/* TODO:real links */}
+                <Link href="/Candidatures"  >
+                  <a className={classes.lightMenuItem}><ListItem classes={{ root: classes.rootListItemIcon }}>
+                    <FolderSharedIcon className={classes.icon} />
+                    <ListItemText primary='Mes candidatures'>
+                    </ListItemText>
+                  </ListItem></a>
+                </Link>
+                <Link href="/profileStep"  >
+                <a className={classes.lightMenuItem}><ListItem classes={{ root: classes.rootListItemIcon }}>
+                    <AccountCircleIcon className={classes.icon} />
+                    <ListItemText primary='Mon compte'>
+                    </ListItemText>
+                  </ListItem></a>
+                </Link>
+                
+                <Link href="/Parametres"  >
+                  <a className={classes.lightMenuItem}><ListItem classes={{ root: classes.rootListItemIcon }}>
+                    <SettingsIcon className={classes.icon} />
+                    <ListItemText primary='Paramètres de notification'>
+                    </ListItemText>
+                  </ListItem></a>
+                </Link>
+                <Link href="/" >
+                  <a onClick={() => {
+                    localStorage.removeItem("ttJWT");
+                    return this.props.requestLogout();
+                  }} className={classes.lightMenuItem}><ListItem classes={{ root: classes.rootListItemIcon }}>
+                      <PowerSettingsNewIcon className={classes.icon} />
+                      <ListItemText primary='Déconnexion'>
+                      </ListItemText>
+                    </ListItem></a>
+                </Link>
+              </Fragment>
+            }
+          </div>
+        </Drawer>
+
+        {isWidthUp('md', this.props.width) ?
+          (<AppBar position="static" className={classes.appBar}>
+            <Toolbar disableGutters={true} className={classes.toolbarDesktop}>
+              <section className={classes.appBarDesktopSection + ' ' + classes.appBarDesktopSection1}>
+                <Link href="/"  >
+                  <a className={classes.darkMenuItem}>
+                    <ListItem classes={{ root: classes.rootListItemDesktop }}>
+                      <img alt="talents-tube" src='/statique/images/logos/TalentsTube_logo-color.svg' className={classes.desktopMenuLogo} />
+                    </ListItem>
+                  </a>
+                </Link>
+              </section>
+              <section className={classes.appBarDesktopSection + ' ' + classes.appBarDesktopSection2}>
+                {/* <IconButton className={classes.menuButton} onClick={this.toggleDrawer('left', true)}
+                  color="inherit" aria-label="Open drawer">
+                  <MenuIcon />
+                </IconButton> */}
+                {/* <ButtonBase name='back'
+                  focusRipple
+                  className={classes.back}
+                  focusVisibleClassName={classes.focusVisible}
+                  onClick={() => Router.back()}>
+                  <ArrowLeft color="primary" classes={{ root: classes.icon }}></ArrowLeft>
+                </ButtonBase> */}
+                <List className={classes.desktopMenuList}>
+                  <div>
+                    <ActiveLink activeClassName={classes.active} href="/Offres"   >
+                      <a className={classes.desktopMenuItem} >
+                        <ListItemText primary="Offres d'emploi">
+                        </ListItemText>
+                      </a>
+                    </ActiveLink>
+                    <ActiveLink activeClassName={classes.active} href="/Entreprises"    >
+                      <a className={classes.desktopMenuItem}>
+                        <ListItemText primary='Nos entreprises'>
+                        </ListItemText>
+                      </a>
+                    </ActiveLink>
+                    <ActiveLink activeClassName={classes.active} href="/Help"  >
+                      <a className={classes.desktopMenuItem}>
+                        <ListItemText primary='Comment ça marche ?'>
+                        </ListItemText>
+                      </a>
+                    </ActiveLink>
+                  </div>
+
+                  <div>
+                    {!!!this.props.loading && !!!this.props.fetched &&
+                      <Fragment>
+                        <Link href="/Login?inscription=true"  >
+                          <a className={classes.desktopMenuItem}>
+                            <ListItem classes={{ root: classes.rootListItemDesktop }}>
+                              <Button
+                                variant="outlined"
+                                className={classes.button + ' ' + classes.desktopMenuButtonRegister}>
+                                <PersonAddIcon className={classes.iconDesktop} />
+                                <ListItemText classes={{ primary: classes.ListItemText }} primary='Inscription'></ListItemText>
+                              </Button >
+                            </ListItem>
+                          </a>
+                        </Link>
+
+                        <Link href="/Login"  >
+                          <a className={classes.desktopMenuItem}>
+                            <ListItem classes={{ root: classes.rootListItemDesktop }}>
+                              <Button
+                                variant="outlined"
+                                className={classes.button + ' ' + classes.desktopMenuButtonLogin}>
+                                <PersonIcon className={classes.iconDesktop} />
+                                <ListItemText classes={{ primary: classes.ListItemText }} primary='Connexion'></ListItemText>
+                              </Button >
+                            </ListItem>
+                          </a>
+                        </Link>
+                      </Fragment>
+                    }
+                    {!!!this.props.loading && !!this.props.fetched &&
+                      <IconButton
+                        edge="end"
+                        aria-label="Profile"
+                        aria-controls={'primary-search-account-menu'}
+                        aria-haspopup="true"
+                        onClick={this.toggleDrawer('right', true)}
+                        className={classes.iconAccount + ' cypConnexionMenu'}
+                      >
+                        <AccountCircleOutlinedIcon />
+                      </IconButton>
+                    }
+                  </div>
+                </List>
+              </section>
+              <section className={classes.appBarDesktopSection + ' ' + classes.appBarDesktopSection3}>
+
+                <a href={publicRuntimeConfig.symphonyUrl + "/"} className={classes.desktopMenuItem}>
+                  <ListItemText primary='Espace recruteurs'>
+                  </ListItemText>
+                  <ArrowForward className={classes.icon} />
+                </a>
+              </section>
+            </Toolbar>
+          </AppBar>)
+          :
+          (
+            <AppBar position="static" className={classes.appBar}>
+              <Toolbar className={classes.toolbar}>
+                {/* <IconButton className={classes.menuButton} onClick={this.toggleDrawer('left', true)}
+                  color="inherit" role="button">
+                  <MenuIcon />
+                </IconButton> */}
+                <ButtonBase name='back'
+                  focusRipple
+                  className={classes.back}
+                  focusVisibleClassName={classes.focusVisible}
+                  onClick={() => Router.back()}>
+                  <ArrowLeft color="primary" classes={{ root: classes.icon }}></ArrowLeft>
+                </ButtonBase>
+                <div className={classes.grow} />
+                <Link href="/"  >
+                  <a><img alt="talents-tube" src='/statique/images/logos/TalentsTube_logo-color.svg' className={classes.menuLogo} /></a>
+                </Link>
+                <div className={classes.grow} />
+                <IconButton
+                  edge="end"
+                  aria-label="Profile"
+                  aria-controls={'primary-search-account-menu'}
+                  aria-haspopup="true"
+                  onClick={this.toggleDrawer('right', true)}
+                  className={classes.iconAccount + ' cypConnexionMenu'}
+
+                >
+                  <AccountCircleOutlinedIcon />
+                </IconButton>
+              </Toolbar>
+            </AppBar>
+          )}
+      </div >
+    );
+  }
+}
+
+function mapStateToProps(state) {
+  return {
+    user: state.user,
+    fetched: !!state.user.fetched,
+    loading: !!state.user.loading
+  };
+}
+export default (connect(mapStateToProps, { fetchCurrentUserRequest, requestLogout })(withStyles(styles)(withWidth()(HeaderOffre))));
@@ -17,8 +17,28 @@ const RTCRecorder = dynamic(() => import('RecordRTC'), {

 const videoJsOptions = {
    controls: true,
-
+    languages: {
+        fr: {
+          
+            Replay: 'Jouer'
+        }
+      },
+    autoplay:true,
+    preload:"auto",
+    playsinline : true,
+    //videoEngine: 'webm-wasm',
+    //liveui : true,
    fluid: true,
+    nativeControlsForTouch:false,
+    controlBar: {
+        // hide fullscreen and volume controls
+        fullscreenToggle: false,
+        volumePanel: false,
+        deviceButton: false,
+        recordIndicator:true,
+        recordToggle: true
+    },
+    // poster: "https://vignette.wikia.nocookie.net/charabattles/images/e/eb/Chuck_norris.jpg/revision/latest/scale-to-width-down/400?cb=20170412123612&path-prefix=fr",
    plugins: {
      /*
      // wavesurfer section is only needed when recording audio-only
@@ -81,10 +101,42 @@ class Recorder extends Component {
                ' and recordrtc ' + RTCRecorder.VERSION;
            videojs.log(version_info);
        });
+        var vid= this.player;
+        this.player.bigPlayButton.hide();
+
+
+        // When you pass text in options it just creates a control text,
+// which is displayed as tooltip when hovered on 
+// this button viz the span in you div,
+var myButton = this.player.controlBar.addChild("button");
+
+
+
+// There are many functions available for button component 
+// like below mentioned in this docs 
+// https://docs.videojs.com/button. 
+// You can set attributes and clasess as well.
+
+// Getting html DOM
+var myButtonDom = myButton.el();
+//var myButtonDom2 = myButton2.el();
+// Since now you have the html dom element 
+// you can add click events
+
+
+// Now I am setting the text as you needed.
+myButtonDom.innerHTML = "Youi";
+
+myButtonDom.onclick = function(){
+  //alert("Redirecting");
+  vid.pause();
+}  
+   

        // device is ready
        this.player.on('deviceReady', () => {
            console.info('device is ready!');
+            this.player.record().start();
            this.setState({canSend:false});
        });

@@ -129,6 +181,23 @@ class Recorder extends Component {
        this.props.uploader(formData);
    }

+    pausePlayer = () => {
+        // console.log('accessing recording: ', this.player.recordedData)
+        if (this.player) {
+            //this.player.recorder.start()
+            this.player.ready();
+            this.player.record().getDevice();
+            
+        }
+     }
+    
+     arretPlayer = () => {
+        // console.log('accessing recording: ', this.player.recordedData)
+        if (this.player) {
+            this.player.record().stop();
+        }
+     }
+
    render() {
        const { classes, titreBouton } = this.props;
        let titreButtonLabel= "Envoyer";
@@ -150,6 +219,11 @@ class Recorder extends Component {
                        onClick={this.sendBlob}>
                        {titreButtonLabel}
                    </Button>}
+                    <Button className={classes.button} variant="outlined" color="primary" onClick={this.pausePlayer}>Lancer enregistrement</Button>
+                    <Button className={classes.button}  variant="outlined" color="primary" onClick={this.arretPlayer}>Arreter enregistrement</Button>
+                </div>
+                <div id="controleNav">
+                    
                </div>
            </div>
        );
@@ -1,4 +1,4 @@
-import Griddle, { utils } from "griddle-react";
+import Griddle, { utils, plugins } from "griddle-react";
 import PropTypes from 'prop-types';
 import React, { Component, Fragment } from 'react';
 import { withStyles } from '@material-ui/core/styles';
@@ -7,6 +7,7 @@ import TextField from '@material-ui/core/TextField';
 import GriddleCustomTable from "../organisms/GriddleCustomTableComponent";
 import GriddleCustomNextButton from "../organisms/GriddleCustomNextButton"
 import GriddleCustomPreviousButton from "../organisms/GriddleCustomPreviousButton"
+import GriddleCustomPageDropdown from "../organisms/GriddleCustomPageDropdown"
 import Loader from './loader'
 import IconSearch from '@material-ui/icons/Search';
 import NoResult from './../atoms/NoResult';
@@ -80,6 +81,7 @@ class Grid extends Component {
        recordCount: 0,
        promoted: false,
        filterText: "",
+        // options: [],
    };

    async componentDidMount() {
@@ -98,6 +100,18 @@ class Grid extends Component {
                limit: this.props.limit
            }
        );
+        // let options = [];
+        // let startIndex = Math.max(this.props.currentPage - 5, 0);
+        // let endIndex = Math.min(startIndex + 11, this.props.maxPage);
+
+        // if (this.props.maxPage >= 11 && (endIndex - startIndex) <= 10) {
+        //     startIndex = endIndex - 11;
+        // }
+
+        // for(let i = startIndex; i < endIndex ; i++){
+        //   let selected = this.props.currentPage == i ? "current-page-selected" : "";
+        //     options.push(<button className={selected} data-value={i} onClick={this.pageChange}>{i + 1}</button>);
+        // }
    }

    UNSAFE_componentWillReceiveProps(nextProps) {
@@ -147,10 +161,19 @@ class Grid extends Component {

    };

-    _onGetPage = pageNumber => {
+    _onGetPage = (pageNumber, page) => {
+        const { pageSize, filterText, promoted } = this.state;
+        this.props.dataFetcher({ offset: (page - 1) * pageSize + 1, limit: pageSize, keyword: filterText, isPromoted: promoted });
+        console.log(pageNumber);
+        console.log(page);
+        sessionStorage.setItem(this.props.type+'_currentPage', page);
+        console.log("On get Page");
+    };
+
+    _onSetPage = pageNumber => {
        const { pageSize, filterText, promoted } = this.state;
        this.props.dataFetcher({ offset: (pageNumber - 1) * pageSize + 1, limit: pageSize, keyword: filterText, isPromoted: promoted });
-        
+        console.log("On set Page");
    };

    _onFilter = filterText => {
@@ -172,6 +195,7 @@ class Grid extends Component {
    }

    render() {
+        
        const { classes, placeholder } = this.props
        const style = {
            styles: {
@@ -222,7 +246,7 @@ class Grid extends Component {
                    fontSize: '0.9em',
                    fontWeight: '600',
                    fontFamily: 'Dosis',
-                    display: 'none',
+                    // display: 'none',
                },
            }
        }
@@ -230,10 +254,12 @@ class Grid extends Component {
        const { filterText, data, currentPage, pageSize, recordCount, loading } = this.state;

        const NewLayout = ({ Table, Pagination, Filter }) => (
+            
            <div>
                {/* <Filter /> */}
                <Table />
                <Pagination />
+                
            </div>
        );

@@ -297,6 +323,7 @@ class Grid extends Component {
                                recordCount,
                            }}
                            useCustomPagerComponent="true"
+                            plugins={plugins.localPlugin}
                            components={{
                                Layout: NewLayout,
                                Row: this.props.CustomRowComponent,
@@ -304,12 +331,15 @@ class Grid extends Component {
                                TableBody: CustomTableBody,
                                PreviousButton: GriddleCustomPreviousButton,
                                NextButton: GriddleCustomNextButton,
+                                PageDropdown: GriddleCustomPageDropdown,
+                                
                            }}
                            events={{
                                onNext: this._onNext,
                                onPrevious: this._onPrevious,
                                onGetPage: this._onGetPage,
-                                onFilter: this._onFilter
+                                onFilter: this._onFilter,
+                                onSetPage: this._onSetPage
                            }}
                            styleConfig={style}
                        />
@@ -0,0 +1,100 @@
+import { withStyles } from '@material-ui/core/styles'
+import Router from 'next/router';
+import RootContainer from '../atoms/RootContainer'
+import ButtonBase from "@material-ui/core/ButtonBase";
+import ArrowLeft from '@material-ui/icons/Close';
+import Typography from '@material-ui/core/Typography';
+
+const styles = theme => ({
+  inner: {
+    height: '100%',
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxShadow: '0 6px 10px 0 rgba(0, 0, 0, 0.04), 0 1px 10px 0 rgba(0, 0, 0, 0.04), 0 3px 5px -1px rgba(0, 0, 0, 0.04)',
+    backgroundColor: '#1E2327',
+  },
+  head: {
+    zIndex: '999',
+    width: '100%',
+    height: '64px',
+    background: theme.palette.background.main,
+    position: 'fixed',
+    [theme.breakpoints.up('sm')]: {
+      height: '64px'
+    }
+  },
+  icon: {
+    fontSize: '3em',
+    textAlign :'right'
+  },
+  title: { 
+    color: theme.palette.primary.dark,
+  },
+  content: {
+    top: '64px',
+    width: '100%',
+    minHeight: '1000px',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    position: 'relative',
+    backgroundColor: '#1E2327',
+  },
+  contentFixed: {
+     height: 'calc(100vh - 64px)',
+    backgroundColor: '#1E2327',
+  },
+  back: {
+    zIndex: 10,
+    border: 'none',
+    padding: theme.spacing(0.2),
+    textAlign: 'center',
+    textDecoration: 'none',
+    borderRadius: '50%',
+    position: 'absolute',
+    right: theme.spacing(1),
+    backgroundColor: '#fff'
+  },
+  player: {
+    background:'#1E2327'
+  },
+});
+
+function LayoutBack(props) {
+
+  const { classes, height} = props;
+  
+  //height fixed = height 100vh
+  const content = (height == 'fixed') ? classes.content+' '+classes.contentFixed : classes.content
+  return (
+    <RootContainer align='center' className={content}>
+      <div id="H" className={classes.head}>
+        <div className={classes.inner}>
+          <ButtonBase name='back'
+            focusRipple
+            className={classes.back}
+            focusVisibleClassName={classes.focusVisible}
+            onClick={() => Router.push(props.url)}>
+            <ArrowLeft color="#fff" classes={{ root: classes.icon }}></ArrowLeft>
+          </ButtonBase>
+          <Typography
+            component="h1"
+            align="center"
+            className={classes.title}
+          >
+            {props.text}
+          </Typography>
+        </div>
+      </div>
+      <div id="C" className={content}>
+        {props.children}
+      </div>
+
+    </RootContainer>
+  )
+}
+
+export default withStyles(styles)(LayoutBack)
@@ -5,7 +5,8 @@ import Router from 'next/router';
 import RootContainer from '../atoms/RootContainer'
 import ButtonBase from "@material-ui/core/ButtonBase";
 import ArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
-import Header from '../organisms/Header'
+import Header from '../organisms/HeaderOffre'
+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'
@@ -72,16 +73,19 @@ const styles = theme => ({
    backgroundColor: '#F3F3F4',

  },
+  pourvuButton:{
+        padding :'10px'
+  },
 })

 function LayoutOffre(props) {

-  const { classes, offreId, offre, isProvided } = props;
+  const { classes, offreId, offre, isProvided, socialShareUrl } = props;
  const contentClass = (!isProvided) ? classes.contentDefault : classes.contentProvided

  return (
    <RootContainer>
-      {isWidthUp('sm', props.width) ?
+      {isWidthUp('xs', props.width) ?
        (<Header />)
        :
        (<ButtonBase name='back'
@@ -101,13 +105,12 @@ function LayoutOffre(props) {
          <div id="F" className={classes.foot}>
            {/* <div className={classes.inner}>
          <div className={classes.grow} /> */}
-            <Link href={`/Entreprise/${offre.company.id}-${_.kebabCase(offre.company.brand_name)}`} >
+            {/* <Link href={`/Entreprise/${offre.company.id}-${_.kebabCase(offre.company.brand_name)}`} >
              <Button
                  variant="contained"
                  className={classes.voirEntreprise + ' cypButtonApply'}
-              >Voir l'entreprise</Button>
-                                    
-             </Link>
+              >Voir l'entreprise</Button>              
+             </Link> */}
            
            <Button
              variant="contained"
@@ -115,7 +118,23 @@ function LayoutOffre(props) {
              classes={{ root: classes.rootButton}}
              onClick={() => Router.push(`/Reponse?adId=${offreId}`)}
            >
-              Postuler</Button>
+              Postuler
+            </Button>
+            <SocialShare url={socialShareUrl} />
+
+            {/* <div className={classes.grow} />
+        </div> */}
+          </div>
+        )}
+        {isProvided && (
+          <div id="F" className={classes.foot}>
+            {/* <div className={classes.inner}>
+          <div className={classes.grow} /> */}
+            
+            
+            <Button variant="contained" disabled className={classes.pourvuButton}>
+                                        Pourvue
+            </Button>
            {/* <div className={classes.grow} />
        </div> */}
          </div>
@@ -46,15 +46,15 @@ module.exports = withPlugins(
        // frontServerUrl: 'http://localhost:3000',
        // cvThequeUrl: 'https://recruteur.talentstube.com',
        // PROD
-        // symphonyUrl: 'https://recruteur.talentstube.com/',
-        // blogUrl: 'https://blog.talentstube.com',
-        // frontServerUrl: 'https://www.talentstube.com/',
-        // cvThequeUrl: 'https://recruteur.talentstube.com',
-        // PRE PROD
-        symphonyUrl: 'https://pp.talentstube.com/',
+        symphonyUrl: 'https://recruteur.talentstube.com/',
        blogUrl: 'https://blog.talentstube.com',
-        frontServerUrl: 'https://pp.app.talentstube.com/',
+        frontServerUrl: 'https://www.talentstube.com/',
        cvThequeUrl: 'https://recruteur.talentstube.com',
+        // PRE PROD
+        // symphonyUrl: 'https://pp.talentstube.com/',
+        // blogUrl: 'https://blog.talentstube.com',
+        // frontServerUrl: 'https://pp.app.talentstube.com/',
+        // cvThequeUrl: 'https://recruteur.talentstube.com',
        adListDefaultUrl: '/statique/images/default/default_picture_company.svg',
        cachedMediaUrl: '/media/cache/profile_thumb/uploads/img/',
        postedContentUrl: '/uploads/img/',
@@ -56,6 +56,7 @@
    "react-jss": "latest",
    "react-moment": "^0.9.7",
    "react-redux": "^7.0.3",
+    "react-sticky-box": "^0.9.3",
    "react-swipeable-views": "^0.13.3",
    "reactstrap": "^6.4.0",
    "recordrtc": "^5.5.4",
@@ -569,7 +569,7 @@ class Entreprise extends React.Component {
                                            Découvrir le <span className={classes.primary}>territoire</span>
                                        </Typography>
                                        <section className={classes.discoverTerritoryContentContainer}>
-                                            <VideoVimeo classesOverride={classes.videoVimeo} videoId={territoryVideoId} autoplay='0' />
+                                            <Suspense fallback={renderLoader()}><VideoVimeo classesOverride={classes.videoVimeo} videoId={territoryVideoId} autoplay='0' /></Suspense>
                                            <Typography className={classes.territoryTitle}>
                                                {(company.territories) ? company.territories[0].territory.brand_name : ''}
                                            </Typography>
@@ -246,7 +246,7 @@ class LoginPage extends React.Component {
                    )}
                    {!loading && (
                        <Fragment>
-                            <AppBar className={classes.AppBar} color="default">
+                            {/* <AppBar className={classes.AppBar} color="default">
                                <Tabs
                                    value={this.state.tabIndex}
                                    onChange={this.handleChange}
@@ -256,7 +256,7 @@ class LoginPage extends React.Component {
                                    <Tab label="Connexion" className={classes.tab} />
                                    <Tab label="Inscription" className={classes.tab} />
                                </Tabs>
-                            </AppBar>
+                            </AppBar> */}
                            <SwipeableViews
                                axis={'x'}
                                index={this.state.tabIndex}
@@ -15,6 +15,7 @@ const styles = theme => ({
 });

 const { publicRuntimeConfig } = getConfig()
+
 class Offre extends React.Component {

    componentDidMount() {
@@ -30,9 +31,10 @@ class Offre extends React.Component {
    }
    render() {
        const { classes, offre } = this.props;
-
+        const socialShareUrl = typeof window !== 'undefined' ? window.location : publicRuntimeConfig.frontServerUrl + `/Offre/${offre.id}-${_.kebabCase(offre.title)}`;
        return (
            <LayoutOffre backLink="/Offres" offreId={offre.id} offre={offre} isProvided={offre.is_promoted}>
+                {/* <Suspense fallback={renderLoader()}><OffreDetail offre={offre}/></Suspense> */}
                <Suspense fallback={renderLoader()}><OffreDetail offre={offre}/></Suspense>
            </LayoutOffre>
        );
@@ -0,0 +1,82 @@
+import React, { Component, Fragment,lazy, Suspense } from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography'
+import LayoutBackUrl from '../components/templates/LayoutBackUrl';
+import Router from 'next/router';
+import Head from 'next/head'
+// const VideoVimeo = lazy(() => import('../components/atoms/VideoVimeo'));
+import VideoVimeo from '../components/atoms/VideoVimeo';
+import queryString from 'query-string';
+const renderLoader = () => <p>Chargement</p>;
+const styles = theme => ({
+    player: {
+        background:'#1E2327',
+        height: '100%'
+    },
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        position: 'relative',
+        height: '100%',
+        padding: '0 10px',
+    },
+    bottomContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignSelf: 'center',
+        justifyContent: 'center',
+        position: 'absolute',
+        bottom: 0,
+    },
+    title: {
+        fontFamily: 'Dosis',
+        fontSize: '1.5em',
+        fontWeight: '600',
+        padding: theme.spacing(3, 0),
+    },
+    text: {
+        fontSize: '1em',
+        fontWeight: '300',
+        padding: theme.spacing(1, 0),
+        whiteSpace: 'pre-line',
+    },
+    video: {
+        width:"100%",
+        height:"100%",
+        [theme.breakpoints.up('md')]: {
+            paddingBottom: '35%', /* 16:9 */
+        },
+    }
+})
+
+
+class Player extends Component {
+    render() {
+        const { classes } = this.props
+        const params = queryString.parse(location.search);
+        console.log(params.id);
+        console.log(params.type);
+        console.log(params.videoId);
+        let url = params.id;
+        return (
+            <LayoutBackUrl text="Player" url={url} >
+                
+                    
+                        <VideoVimeo classes={{ video: classes.video }} videoId={params.videoId} options="" autoplay='1' />
+                
+            </LayoutBackUrl>
+        )
+    }
+}
+
+Player.getInitialProps = function (context) {
+
+    let { id, videoId,type } = context.query;
+    let {res} = context;
+    return {};
+  }
+
+
+
+
+export default withStyles(styles)(Player);
@@ -163,6 +163,12 @@ app.prepare()
      app.render(req, res, actualPage, queryParams)
    })

+    server.get('/Player', (req, res) => {
+      const actualPage = '/Player'
+      const queryParams = { id: req.query.id, videoId:req.query.videoId, type:req.query.type }
+      app.render(req, res, actualPage, queryParams)
+    })
+
    server.get('/VerifyEmail/:email', (req, res) => {
      const actualPage = '/VerifyEmail'
      const queryParams = { email: req.params.email }
@@ -0,0 +1,180 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import AppBar from '@material-ui/core/AppBar';
+import Toolbar from '@material-ui/core/Toolbar';
+import IconButton from '@material-ui/core/IconButton';
+import Typography from '@material-ui/core/Typography';
+import { withStyles, getMuiTheme } from '@material-ui/core/styles';
+import MenuIcon from '@material-ui/icons/Menu';
+import Link from 'next/link'
+import Drawer from '@material-ui/core/Drawer';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import Divider from '@material-ui/core/Divider';
+import SendIcon from '@material-ui/icons/Send';
+import CodeIcon from '@material-ui/icons/Code';
+import HomeIcon from '@material-ui/icons/Home';
+import FingerprintIcon from '@material-ui/icons/Fingerprint';
+import LocalBarIcon from '@material-ui/icons/LocalBar';
+
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import { ListItemText } from '@material-ui/core';
+
+import { Spring, animated } from 'react-spring'
+
+const styles = theme => ({
+  root: {
+    width: '100%',
+    '& a':{
+      textDecoration:'none'
+    }
+  },
+
+  grow: {
+    flexGrow: 1,
+  },
+  bar: {
+  },
+  menuButton: {
+    marginLeft: -12,
+    marginRight: 20,
+    [theme.breakpoints.up('sm')]: {
+      display: 'none',
+    },
+    [theme.breakpoints.down('md')]: {
+      display: 'block',
+    },
+  },
+  menuLogo: {
+    marginLeft: 20,
+    marginRight: 40,
+    cursor: 'pointer'
+  },
+  title: {
+    display: 'none',
+    [theme.breakpoints.up('sm')]: {
+      display: 'block',
+    },
+    [theme.breakpoints.down('md')]: {
+      display: 'none',
+    },
+    marginRight: 15,
+    cursor: 'pointer'
+  },
+  sectionDesktop: {
+    display: 'none',
+    [theme.breakpoints.up('md')]: {
+      display: 'flex',
+    },
+  },
+  sectionMobile: {
+    display: 'flex',
+    [theme.breakpoints.up('md')]: {
+      display: 'none',
+    },
+  },
+  fullList: {
+    width: 'auto',
+    cursor: 'pointer'
+  },
+});
+
+class HeaderOffre extends React.Component {
+  state = {
+    top: false,
+    left: false,
+    bottom: false,
+    right: false,
+    toggle: true
+  };
+
+  toggleDrawer = (side, open) => () => {
+    this.setState({
+      [side]: open,
+    });
+  };
+
+  toggle = () => this.setState(state => ({ toggle: !state.toggle }))
+
+  render() {
+    const { classes } = this.props;
+    return (
+      <div className={classes.root}>
+        <Drawer anchor="top" open={this.state.top} onClose={this.toggleDrawer('top', false)}>
+          <div
+            tabIndex={0}
+            role="button"
+            onClick={this.toggleDrawer('top', false)}
+            onKeyDown={this.toggleDrawer('top', false)}
+          >
+            <div className={classes.fullList}>
+              <List>
+                <Link href="/" prefetch >
+                  <a><ListItem>
+                    <ListItemIcon>
+                      <HomeIcon />
+                    </ListItemIcon>
+                    <ListItemText primary='Accueil'>
+                    </ListItemText>
+                  </ListItem></a>
+                </Link>
+                <Divider />
+                <Link href="/contact" prefetch >
+                  <a><ListItem>
+                    <ListItemIcon>
+                      <SendIcon />
+                    </ListItemIcon>
+                    <ListItemText primary='contact'>
+                    </ListItemText>
+                  </ListItem></a>
+                </Link>
+              </List>
+            </div>
+          </div>
+        </Drawer>
+        <AppBar position="static" className={classes.appBar}>
+          <Toolbar>
+            <IconButton className={classes.menuButton} onClick={this.toggleDrawer('top', true)}
+              color="inherit" aria-label="Open drawer">
+              <MenuIcon />
+            </IconButton>
+
+            <Link href="/" prefetch>
+            <a><div onClick={this.toggle}>
+                <Spring native from={{ x: 0 }} to={{ x: this.state.toggle ? 1 : 0 }} config={{ duration: 1000 }}>
+                  {({ x }) => (
+                    <animated.div
+                      style={{
+                        opacity: x.interpolate({ output: [1, 1] }),
+                        transform: x
+                          .interpolate({
+                            range: [0, 0.25, 0.35, 0.45, 0.55, 0.65, 0.75, 1],
+                            output: [1, 0.97, 0.9, 1.1, 0.9, 1.1, 1.03, 1]
+                          })
+                          .interpolate(x => `scale(${x})`)
+                      }}>
+                      <img alt="e-declic" src='https://www.e-declic.com/files/e-declic/img/logo.png' className={classes.menuLogo} />
+                    </animated.div>
+                  )}
+                </Spring>
+              </div></a>
+            </Link>
+           
+            <Link href="/contact" prefetch >
+              <a><Typography className={classes.title} variant="h5" color="inherit" noWrap>
+                Contact
+              </Typography></a>
+            </Link>
+          </Toolbar>
+        </AppBar>
+      </div >
+    );
+  }
+}
+
+HeaderOffre.propTypes = {
+  classes: PropTypes.object.isRequired,
+};
+
+
+export default withStyles(styles)(HeaderOffre)
Author	SHA1	Message	Date
llaniau	6c34cad1e7	Social Share	2020-12-03 16:43:29 +01:00
llaniau	cb5268bf27	Header maj	2020-12-03 16:20:51 +01:00
llaniau	7b77b2195d	US403, US413, US404	2020-12-03 16:17:52 +01:00
llaniau	dad7e6b2eb	US 420,412,421,414	2020-12-02 16:40:57 +01:00
llaniau	146d1a5061	Mise en place du nouveau parcours talent	2020-12-01 19:21:23 +01:00
llaniau	ed626137cf	Correction entreprise rattaché à territoir en prod	2020-12-01 11:23:22 +01:00
llaniau	224cedac65	Bug video territoire	2020-11-26 15:03:54 +01:00
llaniau	b5b41b4849	next.config.js en mode prod	2020-11-25 09:14:32 +01:00
llaniau	d1ee296684	Pour mise en prod, balise nofolow	2020-11-24 13:55:54 +01:00
llaniau	6cf3bcc658	Forcage web app	2020-11-24 11:48:29 +01:00
llaniau	b20efef730	Tel + collapse	2020-11-17 17:40:27 +01:00