search bar working

nextjs/components/atoms/IconText.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import PropTypes from "prop-types";
 import { withStyles } from '@material-ui/core/styles';
 import Grid from '@material-ui/core/Grid';
@@ -7,7 +7,6 @@ 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 clsx from 'clsx';
 
 const variantIcon = {
   assignment: AssignmentIcon,
@@ -23,13 +22,13 @@ const styles = theme => ({
     marginLeft: theme.spacing(3),
     marginRight: theme.spacing(3),
   },
+  icon: {
+    fontSize: '1.1em',
+  },
   text: {
     fontSize: '0.9em',
     fontWeight: '200',
   },
-  icon: {
-    fontSize: '1.1em',
-  },
 });
 
 class IconText extends React.Component {

nextjs/components/atoms/SocialButtonsAuth.js

@@ -9,17 +9,6 @@ import Button from '@material-ui/core/Button';
 import ButtonGroup from '@material-ui/core/ButtonGroup';
 
 const useStyles = makeStyles(theme => ({
-    root: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'flex-end',
-    },
-    iconHover: {
-        margin: theme.spacing(2),
-        '&:hover': {
-            color: red[800],
-        },
-    },
     icon: {
         fontSize: '1em',
     },
@@ -27,7 +16,6 @@ const useStyles = makeStyles(theme => ({
         margin: theme.spacing(1,0),
         width: '100%',
     },
-
     linkedinButton: {
         backgroundColor: theme.palette.authSocial.linkedin,
         padding: theme.spacing(1),
@@ -48,7 +36,6 @@ const useStyles = makeStyles(theme => ({
     facebookIconButton: {
         backgroundColor: theme.palette.authSocial.facebookDark,
     },  
-
     textButton: {
         display: 'flex',
         alignItems: 'center',
@@ -72,7 +59,6 @@ export default function SocialButtonsAuth(props) {
 
     return (
         <Fragment>
-
             <ButtonGroup onClick={props.linkedInAuth} className={classes.externalButton}>
                 <Button className={classes.linkedinIconButton}>
                     <Icon className={clsx(classes.icon, 'fab fa-linkedin-in')} color="secondary" />

nextjs/components/organisms/Answer.js

@@ -6,11 +6,6 @@ import TextField from '@material-ui/core/TextField';
 import { connect } from 'react-redux'
 
 const styles = theme => ({
-    root: {
-        margin: theme.spacing.unit,
-        height: 250,
-        width: 400
-    },
     container: {
         display: 'flex',
         flexDirection: 'column',
@@ -24,18 +19,9 @@ const styles = theme => ({
             marginBottom: theme.spacing(1.5),
         }
     },
-    import_container: {
+    importContainer: {
         alignSelf: 'flex-start',
     },
-    content: {
-        height: 'calc(100vh - 112px)',
-        [theme.breakpoints.up('sm')]: {
-            height: 'calc(100vh - 128px)',
-        },
-        position: 'relative',
-        overflow: 'auto',
-    },
-
     textField: {
         width: '100%',
         '& input': {
@@ -90,7 +76,7 @@ class Answer extends Component {
             <Fragment>
                 <form className={classes.container} noValidate autoComplete="off">
 
-                    <div className={classes.import_container}>
+                    <div className={classes.importContainer}>
                         <input
                             type="file" accept="video/*" capture="filesystem"
                             className={classes.input}

nextjs/components/organisms/CompanyRow.js

@@ -6,7 +6,6 @@ import { withStyles } from '@material-ui/core/styles';
 import Avatar from '@material-ui/core/Avatar';
 import Card from '@material-ui/core/Card';
 import CardContent from '@material-ui/core/CardContent';
-import CardHeader from '@material-ui/core/CardHeader';
 import CardMedia from '@material-ui/core/CardMedia';
 import Typography from '@material-ui/core/Typography';
 import Chip from '@material-ui/core/Chip';
@@ -79,7 +78,7 @@ const styles = theme => ({
     boxShadow: '0 8px 6px -6px grey',
     borderRadius: '5px',
   },
-  IconTextContainer: {
+  iconTextContainer: {
     width: '100%',
   },
   iconText: {
@@ -151,7 +150,7 @@ class CompanyRowComponent extends React.Component {
               className={classes.companyTitle}>
               {rowData.business_name}
             </Typography>
-            <div className={classes.IconTextContainer}>
+            <div className={classes.iconTextContainer}>
               <IconText classes={{ root: classes.iconText, icon: classes.iconTextIcon, text: classes.iconTextText }} variant="location_on" text={location} />
             </div>
           </div>

nextjs/components/organisms/Footer.js

@@ -1,8 +1,6 @@
 import Link from 'next/link'
 import { withStyles } from '@material-ui/core/styles'
-import { Fragment, Children } from 'react';
 import { Typography } from '@material-ui/core';
-import { Button } from '@material-ui/core';
 
 const styles = theme => ({
     root: {

nextjs/components/organisms/Header.js

@@ -1,5 +1,4 @@
 import React, { Fragment } 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';
@@ -19,7 +18,6 @@ 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 List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import { ListItemText } from '@material-ui/core';
@@ -36,7 +34,6 @@ const styles = theme => ({
       textDecoration: 'none'
     }
   },
-
   grow: {
     flexGrow: 1,
   },
@@ -54,42 +51,6 @@ const styles = theme => ({
       width: '130px'
     },
   },
-  menuLogo: {
-    cursor: 'pointer',
-    [theme.breakpoints.down('md')]: {
-      width: '200px'
-    },
-    [theme.breakpoints.down('sm')]: {
-      width: '130px'
-    },
-  },
-
-  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',
-    },
-  },
-
   List: {
     display: 'flex',
     flexDirection: 'column',
@@ -104,33 +65,27 @@ const styles = theme => ({
     cursor: 'pointer',
     paddingBottom: 0
   },
-
-  darkFullList: {
-    backgroundColor: theme.palette.background.dark,
-  },
-
   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',
   },
-
   links: {
     display: 'flex',
     flexDirection: 'column',
     justifyContent: 'space-between',
     height: '100%',
   },
-
   linkGroup: {
     padding: theme.spacing(1.2, 0),
     paddingLeft: 0,
@@ -145,7 +100,6 @@ const styles = theme => ({
   recruteurLinkGroup: {
     backgroundColor: theme.palette.background.recruteur,
   },
-
   rootListItem: {
     padding: theme.spacing(1, 2),
     cursor: 'pointer',

nextjs/components/organisms/NewsLetterRegistration.js

@@ -6,7 +6,6 @@ import { Typography, Button } from '@material-ui/core';
 import { withStyles } from '@material-ui/core/styles';
 import _ from "lodash";
 import TextField from '@material-ui/core/TextField';
-
 import Snack from '../atoms/snack'
 
 const styles = theme => ({

nextjs/components/organisms/OffreRow.js

@@ -6,7 +6,6 @@ import { withStyles } from '@material-ui/core/styles';
 import Card from '@material-ui/core/Card';
 import Chip from '@material-ui/core/Chip';
 import CardContent from '@material-ui/core/CardContent';
-import CardHeader from '@material-ui/core/CardHeader';
 import CardMedia from '@material-ui/core/CardMedia';
 import Typography from '@material-ui/core/Typography';
 import IconText from './../atoms/IconText';
@@ -38,19 +37,19 @@ const styles = theme => ({
       margin: '1vh 0 1vh 0',
     },
   },
-  details_container: {
+  detailsContainer: {
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'flex-start',
     padding: theme.spacing(3, 2),
     width: '75%',
   },
-  job_title: {
+  jobTitle: {
     fontSize: '1em',
     fontWeight: 'bold',
     color: theme.palette.offerlistitem.title,
   },
-  company_title: {
+  companyTitle: {
     fontSize: '0.8em',
     fontWeight: '300',
     color: theme.palette.offerlistitem.title,
@@ -108,7 +107,7 @@ class OffreRowComponent extends React.Component {
     //rowData._embedded.company.business_name
     return (
 
-      <Card className={classes.card} onClick={() => Router.push(`/Offre?id=${rowData.id}`)}>
+      <Card className={classes.card} onClick={() => Router.push(`/Offre/${rowData.id}`)}>
         <CardContent className={classes.content}>
           <CardMedia
             className={classes.cover}
@@ -118,20 +117,20 @@ class OffreRowComponent extends React.Component {
             <KeyboardArrowleftIcon className={classes.iconPlay} />
           </CardMedia>
 
-          <div className={classes.details_container}>
+          <div className={classes.detailsContainer}>
             <Typography
               gutterBottom
               variant="headline"
               variant="h6"
               component="h3"
-              className={classes.job_title}>
+              className={classes.jobTitle}>
               {rowData.title}
             </Typography>
             <Typography
               variant="headline"
               variant="h6"
               component="h4"
-              className={classes.company_title}>
+              className={classes.companyTitle}>
               {rowData.company.business_name}
             </Typography>
             <div>

nextjs/components/organisms/Register.js

@@ -2,13 +2,11 @@ import React, { Fragment } from 'react';
 import clsx from 'clsx';
 import { connect } from "react-redux";
 import Validator from "validator";
-import { FormLabel, FormHelperText, InputLabel, Input, TextField, FormGroup, FormControlLabel, Checkbox, Button, Typography, Link } from '@material-ui/core';
-
+import { TextField, FormControlLabel, Checkbox, Button, Typography, Link } from '@material-ui/core';
 import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import IconButton from '@material-ui/core/IconButton';
 import InputAdornment from '@material-ui/core/InputAdornment';
-import FormControl from '@material-ui/core/FormControl';
 import { withStyles } from '@material-ui/core/styles';
 import { registerUserRequest, subscribeToNewsletterRequest } from "../../actions/user"
 import SocialButtonsAuth from '../atoms/SocialButtonsAuth';
@@ -26,12 +24,12 @@ const styles = theme => ({
         display: 'flex',
         flexDirection: 'column',
     },
-    form_text: {
+    formText: {
         padding: theme.spacing(0, 2),
         fontSize: '0.9em',
         fontWeight: '300',
     },
-    form_link: {
+    formLink: {
         paddingLeft: theme.spacing(1),
         fontWeight: '500',
         color: theme.palette.primary.dark,
@@ -60,9 +58,6 @@ const styles = theme => ({
         color: theme.palette.secondary.main,
         backgroundColor: theme.palette.primary.important,
     },
-    
-    
-
 });
 
 class Register extends React.Component {
@@ -237,20 +232,21 @@ class Register extends React.Component {
                     >Ou</Typography>
 
                 </form>
+
                 <SocialButtonsAuth linkedInAuth={this.props.linkedInAuth} facebookAuth={this.props.facebookAuth} />
+                
                 <div classes={classes.form}>
                     <Typography
                         paragraph={true}
                         align="center"
-                        className={classes.form_text}
+                        className={classes.formText}
                     >Je possède un compte Talents Tube ?
                          <Link href={"/Login"} >
-                            <span className={classes.form_link}>
+                            <span className={classes.formLink}>
                                 Se connecter
                             </span>
                         </Link>
                     </Typography>
-
                 </div>
             </div>
         );

nextjs/components/organisms/ShortVideoHooker.js

@@ -1,5 +1,4 @@
 import React, { Component } from 'react'
-
 import getConfig from 'next/config'
 import { withStyles } from '@material-ui/core/styles';
 import Plyr from 'react-plyr';
@@ -81,9 +80,11 @@ const styles = theme => ({
 
 });
 
-const videoList = [{ vimeoId: '228345901', title: 'Eurofins', adTitle: 'CDI gestion', link: '/offre?id=22' },
-{ vimeoId: '230731700', title: 'MULTIPLAST', adTitle: 'CDI example', link: '/offre?id=24' },
-{ vimeoId: '232953887', title: 'Actual', adTitle: 'Chef général', link: '/offre?id=26' }]
+const videoList = [
+    { vimeoId: '228345901', title: 'Eurofins', adTitle: 'CDI gestion', link: '/offre?id=22' },
+    { vimeoId: '230731700', title: 'MULTIPLAST', adTitle: 'CDI example', link: '/offre?id=24' },
+    { vimeoId: '232953887', title: 'Actual', adTitle: 'Chef général', link: '/offre?id=26' }
+]
 
 
 class ShortVideoHooker extends Component {

nextjs/components/organisms/Tile.js

@@ -5,11 +5,8 @@ import getConfig from 'next/config'
 import { withStyles } from '@material-ui/core/styles';
 import Avatar from '@material-ui/core/Avatar';
 import Card from '@material-ui/core/Card';
-import Chip from '@material-ui/core/Chip';
 import CardContent from '@material-ui/core/CardContent';
-import CardHeader from '@material-ui/core/CardHeader';
 import CardMedia from '@material-ui/core/CardMedia';
-import Typography from '@material-ui/core/Typography';
 import KeyboardArrowleftIcon from '@material-ui/icons/PlayArrowRounded';
 
 const styles = theme => ({
@@ -35,17 +32,6 @@ const styles = theme => ({
     },
     borderRadius: '0.2em',
   },
-  details_container: {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    padding: '8vh 0 0 0',
-  },
-  company_title: {
-    fontSize: '1em',
-    fontWeight: 'normal',
-    textTransform: 'uppercase',
-  },
   content: {
     display: 'flex',
     flexDirection: 'column',
@@ -59,7 +45,7 @@ const styles = theme => ({
     backgroundSize: 'cover',
     backgroundRepeat: 'no-repeat',
   },
-  logo_container: {
+  logoContainer: {
     display: 'flex',
     alignItems: 'center',
     width: 90,
@@ -119,7 +105,7 @@ class Tile extends React.Component {
             title={rowData.title}
           />
           <KeyboardArrowleftIcon className={classes.iconPlay} />
-          <div className={classes.logo_container}>
+          <div className={classes.logoContainer}>
             <Avatar className={classes.logo} src={logoUrl} />
           </div>
           { children }

nextjs/components/organisms/TileCompany.js

@@ -8,7 +8,7 @@ import Chip from '@material-ui/core/Chip';
 import IconText from './../atoms/IconText';
 
 const styles = theme => ({
-    details_container: {
+    detailsContainer: {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
@@ -18,7 +18,7 @@ const styles = theme => ({
         width: '100%',
         minHeight: '35%',
     },
-    company_title: {
+    companyTitle: {
         fontSize: '1em',
         paddingLeft: theme.spacing(1),
         paddingRight: theme.spacing(1),
@@ -44,14 +44,14 @@ class CompanyOffre extends React.Component {
 
         return (
             <Fragment>
-                <section className={classes.details_container}>
+                <section className={classes.detailsContainer}>
                     <Typography
                         gutterBottom
                         variant="headline"
                         variant="h6"
                         component="h3"
                         align="center"
-                        className={classes.company_title}>
+                        className={classes.companyTitle}>
                         {tile.business_name}
                     </Typography>
                     <IconText classes={{ root: classes.rootIconText }} variant="location_on" text={tile.addresses.billing.city} />

nextjs/components/organisms/TileOffre.js

@@ -7,7 +7,7 @@ import Typography from '@material-ui/core/Typography';
 import IconText from './../atoms/IconText';
 
 const styles = theme => ({
-    details_container: {
+    detailsContainer: {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'center',
@@ -16,11 +16,11 @@ const styles = theme => ({
         top: '60%',
         width: '100%',
     },
-    company_title: {
+    companyTitle: {
         fontSize: '0.8em',
         fontWeight: 'normal',
     },
-    job_title: {
+    jobTitle: {
         fontSize: '1em',
         paddingLeft: theme.spacing(1),
         paddingRight: theme.spacing(1),
@@ -43,14 +43,14 @@ class TileOffre extends React.Component {
 
         return (
             <Fragment>
-                <section className={classes.details_container}>
+                <section className={classes.detailsTontainer}>
                     <Typography
                         gutterBottom
                         variant="headline"
                         variant="h6"
                         component="h4"
                         align="center"
-                        className={classes.company_title}>
+                        className={classes.companyTitle}>
                         {tile.company.business_name}
                     </Typography>
                     <Typography
@@ -59,7 +59,7 @@ class TileOffre extends React.Component {
                         variant="h6"
                         component="h3"
                         align="center"
-                        className={classes.job_title}>
+                        className={classes.jobTitle}>
                         {tile.title}
                     </Typography>
                     <IconText classes={{root: classes.rootIconText}} variant="business_center" text={tile.title} />

nextjs/components/templates/Grid.js

@@ -229,4 +229,4 @@ Grid.propTypes = {
     data: PropTypes.any
 }
 
-export default withStyles(styles)(Grid);
+export default withStyles(styles)(Grid);

nextjs/components/templates/LayoutCompany.js

@@ -1,6 +1,5 @@
 import { withStyles } from '@material-ui/core/styles'
 import PropTypes from 'prop-types';
-import Header from '../organisms/Header'
 import { Button } from '@material-ui/core';
 import Router from 'next/router';
 import RootContainer from '../atoms/RootContainer'

nextjs/components/templates/LayoutGrid.js

@@ -1,5 +1,4 @@
 import PropTypes from "prop-types";
-
 import { withStyles } from '@material-ui/core/styles'
 import Header from '../organisms/Header'
 import RootContainer from '../atoms/RootContainer'

nextjs/components/templates/LayoutOffre.js

@@ -1,6 +1,5 @@
 import { withStyles } from '@material-ui/core/styles'
 import PropTypes from 'prop-types';
-import Header from '../organisms/Header'
 import { Button } from '@material-ui/core';
 import Router from 'next/router';
 import RootContainer from '../atoms/RootContainer'