feat(InterviewBookingForm): Mostly done

This commit is contained in:
2025-01-18 16:03:05 -07:00
parent 1dc41aca81
commit 9a139619e3
4 changed files with 59 additions and 40 deletions

View File

@ -0,0 +1,34 @@
import { useState } from "react";
const InterviewForm = () => {
const [isButtonDisabled, setIsButtonDisabled] = useState(false);
const formsubmit = async (event) => {
event.preventDefault();
setIsButtonDisabled(true);
await new Promise((res) => setTimeout(res, 10000));
const formData = new FormData(event.target);
const formObject = Object.fromEntries(formData.entries());
await console.log("Form Data:", formObject);
setIsButtonDisabled(false);
};
return (
<>
<form onSubmit={formsubmit}>
<label for="name">Name (What to call you):</label>
<input type="text" id="fname" name="name" placeholder="Jaeinceins" />
<label for="email">UCalgary Email:</label>
<input
type="text"
id="email"
name="email"
placeholder="jaeinceins.bhaja@ucalgary.ca"
/>
<button type="submit" disabled={isButtonDisabled}>
Submit
</button>
</form>
</>
);
};
export default InterviewForm;