summaryrefslogtreecommitdiff
path: root/client/src/features/auth/GuestLogin.tsx
diff options
context:
space:
mode:
authorMichael Hunteman <michael@huntm.net>2024-07-09 18:24:15 -0700
committerMichael Hunteman <michael@huntm.net>2024-07-09 18:24:44 -0700
commita6b1fa31e890b51b043c4211b14cd4be29ed6fba (patch)
tree66a1fbc182fc3f9ed746958e2854d8a337782983 /client/src/features/auth/GuestLogin.tsx
parent03ca04fdb738cc151d775b76e1bc38aec792521a (diff)
Add success and error alerts
Diffstat (limited to 'client/src/features/auth/GuestLogin.tsx')
-rw-r--r--client/src/features/auth/GuestLogin.tsx79
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;