M app/src/containers/CreateEvent/Step1.js → app/src/containers/CreateEvent/Step1.js

@@ -51,62 +51,58 @@ 
   return (
     <>
       <Paper {...props}>
-        <form onSubmit={onNext}>
-          <TextField
-            className={classes.textField}
-            label={t('event.creation.event_name')}
-            fullWidth
-            autoFocus
-            margin="dense"
-            value={name}
-            onChange={e => setName(e.target.value)}
-            id="NewEventName"
-            name="name"
+        <TextField
+          label={t('event.creation.event_name')}
+          fullWidth
+          autoFocus
+          margin="dense"
+          value={name}
+          onChange={e => setName(e.target.value)}
+          id="NewEventName"
+          name="name"
+        />
+        <TextField
+          label={t('event.creation.creator_email')}
+          fullWidth
+          margin="dense"
+          value={email}
+          onChange={e => setEmail(e.target.value)}
+          id="NewEventEmail"
+          name="email"
+          type="email"
+        />
+        <div className={classes.tos}>
+          <Checkbox
+            name="tos"
+            id="NewEventTos"
+            checked={tos}
+            onChange={e => setTos(e.target.checked)}
           />
-          <TextField
-            className={classes.textField}
-            label={t('event.creation.creator_email')}
-            fullWidth
-            margin="dense"
-            value={email}
-            onChange={e => setEmail(e.target.value)}
-            id="NewEventEmail"
-            name="email"
-            type="email"
-          />
-          <div className={classes.tos}>
-            <Checkbox
-              name="tos"
-              id="NewEventTos"
-              checked={tos}
-              onChange={e => setTos(e.target.checked)}
-            />
-            <Typography
-              component="a"
-              role="button"
-              variant="caption"
-              onClick={toggleTos}
-              tabIndex="0"
-              onKeyPress={({charCode}) => {
-                if (charCode && (charCode === 32 || charCode === 13))
-                  toggleTos();
-              }}
-            >
-              {t('event.creation.tos')}
-            </Typography>
-          </div>
-          <Button
-            className={classes.button}
-            type="submit"
-            variant="contained"
-            color="secondary"
-            fullWidth
-            disabled={!canSubmit}
-            aria-disabled={!canSubmit}
+          <Typography
+            component="a"
+            role="button"
+            variant="caption"
+            onClick={toggleTos}
+            tabIndex="0"
+            onKeyPress={({charCode}) => {
+              if (charCode && (charCode === 32 || charCode === 13)) toggleTos();
+            }}
           >
-            {t('event.creation.next')}
-          </Button>
-        </form>
+            {t('event.creation.tos')}
+          </Typography>
+        </div>
+        <Button
+          className={classes.button}
+          type="submit"
+          onClick={onNext}
+          variant="contained"
+          color="secondary"
+          fullWidth
+          disabled={!canSubmit}
+          aria-disabled={!canSubmit}
+        >
+          {t('event.creation.next')}
+        </Button>
       </Paper>
       <TosDialog open={showTos} toggle={toggleTos} />
     </>
@@ -114,7 +110,6 @@ );
 };
 
 const useStyles = makeStyles(theme => ({
-  textField: {},
   button: {
     marginTop: theme.spacing(2),
   },

M app/src/containers/CreateEvent/index.js → app/src/containers/CreateEvent/index.js

@@ -1,23 +1,23 @@ 
-import React, { useState, useReducer } from "react";
-import { useStrapi } from "strapi-react-context";
+import React, {useState, useReducer} from 'react';
+import {useStrapi} from 'strapi-react-context';
 
 // Steps
-import Step1 from "./Step1";
-import Step2 from "./Step2";
+import Step1 from './Step1';
+import Step2 from './Step2';
 
 const steps = [Step1, Step2];
 
-const eventReducer = (state, item) => ({ ...state, ...item });
+const eventReducer = (state, item) => ({...state, ...item});
 
-const CreateEvent = (props) => {
+const CreateEvent = props => {
   const strapi = useStrapi();
   const [step, setStep] = useState(0);
   const [event, addToEvent] = useReducer(eventReducer, {});
   const Step = steps[step];
 
-  const createEvent = async (eventData) => {
+  const createEvent = async eventData => {
     try {
-      return await strapi.services.events.create({ ...event, ...eventData });
+      return await strapi.services.events.create({...event, ...eventData});
     } catch (err) {
       console.error(err);
       return false;

M app/src/containers/NewCarDialog/index.js → app/src/containers/NewCarDialog/index.js

@@ -15,7 +15,6 @@ import Typography from '@material-ui/core/Typography';
 import {makeStyles} from '@material-ui/core/styles';
 import {DateTimePicker} from '@material-ui/pickers';
 import {useToast} from '../../contexts/Toast';
-import {useEvent} from '../../contexts/Event';
 
 const Transition = React.forwardRef(function Transition(props, ref) {
   return <Slide direction="up" ref={ref} {...props} />;
@@ -31,7 +30,6 @@ const strapi = useStrapi();
   const {t} = useTranslation();
   const classes = useStyles();
   const {addToast} = useToast();
-  const {event} = useEvent();
 
   // States
   const [name, setName] = useState('');