diff options
author | Michael Hunteman <michael@huntm.net> | 2024-07-09 18:24:15 -0700 |
---|---|---|
committer | Michael Hunteman <michael@huntm.net> | 2024-07-09 18:24:44 -0700 |
commit | a6b1fa31e890b51b043c4211b14cd4be29ed6fba (patch) | |
tree | 66a1fbc182fc3f9ed746958e2854d8a337782983 /client/src/features/auth/GuestLogin.tsx | |
parent | 03ca04fdb738cc151d775b76e1bc38aec792521a (diff) |
Add success and error alerts
Diffstat (limited to 'client/src/features/auth/GuestLogin.tsx')
-rw-r--r-- | client/src/features/auth/GuestLogin.tsx | 79 |
1 files changed, 0 insertions, 79 deletions
diff --git a/client/src/features/auth/GuestLogin.tsx b/client/src/features/auth/GuestLogin.tsx deleted file mode 100644 index 4da7e45..0000000 --- a/client/src/features/auth/GuestLogin.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import React from 'react'; -import { useNavigate } from 'react-router-dom'; -import { useDispatch } from 'react-redux'; -import { Button, Container, TextField, Typography } from '@mui/material'; -import { useForm } from 'react-hook-form'; -import { setCredentials } from './authSlice'; -import { useLoginMutation } from '../../apiSlice'; -import type { LoginRequest } from '../../apiSlice'; - -function GuestLogin() { - const dispatch = useDispatch(); - const navigate = useNavigate(); - const [login] = useLoginMutation(); - - const { - register, - handleSubmit, - formState: { errors }, - } = useForm<LoginRequest>({ - defaultValues: { - firstName: '', - lastName: '', - }, - }); - - const onSubmit = async (data: LoginRequest) => { - try { - dispatch(setCredentials(await login(data).unwrap())); - navigate('/rsvp'); - } catch (e) { - console.log(e); - } - }; - - return ( - <Container - component="form" - maxWidth="xs" - noValidate - onSubmit={handleSubmit(onSubmit)} - > - <div - style={{ - marginTop: 80, - display: 'flex', - flexDirection: 'column', - alignItems: 'center', - }} - > - <Typography variant="h6">Guest Login</Typography> - <TextField - label="First Name" - variant="outlined" - margin="normal" - fullWidth - error={!!errors.firstName} - helperText={errors.firstName?.message} - required - {...register('firstName', { required: 'This field is required' })} - /> - <TextField - label="Last Name" - variant="outlined" - margin="normal" - fullWidth - error={!!errors.lastName} - helperText={errors.lastName?.message} - required - {...register('lastName', { required: 'This field is required' })} - /> - <Button type="submit" variant="contained" fullWidth sx={{ mt: 2 }}> - Log in - </Button> - </div> - </Container> - ); -} - -export default GuestLogin; |