M frontend/containers/NewPassengerDialog/AddPassengerToTravel.tsx → frontend/containers/NewPassengerDialog/AddPassengerToTravel.tsx

@@ -30,7 +30,7 @@ 
   // States
   const [name, setName] = useState('');
   const [email, setEmail] = useState('');
-  const canAddPassenger = !!name && !!email;
+  const canAddPassenger = !!name;
   const {addPassengerToTravel} = usePassengersActions();
 
   const onSubmit = async (e: FormEvent) => {

M frontend/containers/NewPassengerDialog/AddPassengerToWaitingList.tsx → frontend/containers/NewPassengerDialog/AddPassengerToWaitingList.tsx

@@ -34,7 +34,7 @@ // States
   const [name, setName] = useState('');
   const [email, setEmail] = useState('');
   const [location, setlocation] = useState('');
-  const canAddPassenger = !!name && !!email;
+  const canAddPassenger = !!name;
   const {user} = useProfile();
   const {addPassengerToWaitingList} = usepassengersActions();
 

M frontend/containers/NewTravelDialog/index.tsx → frontend/containers/NewTravelDialog/index.tsx

@@ -45,6 +45,15 @@ const [phone, setPhone] = useState('');
   const [details, setDetails] = useState('');
   const canCreate = !!name && !!seats;
 
+  const clearState = () => {
+    setName('');
+    setSeats(4);
+    setMeeting('');
+    setDate(moment());
+    setPhone('');
+    setDetails('');
+  };
+
   useEffect(() => {
     if (context.vehicle) {
       setName(context.vehicle.name);
@@ -70,13 +79,7 @@ 
     await createTravel({...travel, createVehicle});
     toggle({opened: false});
 
-    // Clear states
-    setName('');
-    setSeats(4);
-    setMeeting('');
-    setDate(moment());
-    setPhone('');
-    setDetails('');
+    clearState();
   };
 
   return (
@@ -84,7 +87,10 @@ <Dialog
       fullWidth
       maxWidth="xs"
       open={context?.opened}
-      onClose={() => toggle({opened: false})}
+      onClose={() => {
+        toggle({opened: false});
+        clearState();
+      }}
       TransitionComponent={Transition}
     >
       <form onSubmit={onCreate}>