Working on a React.Js website and looking to improve the Contact Me page by adding a cooldown to the button. Unfortunately, I haven't shared all the code here but feel free to reach out on Discord: uvejs#5162 for more details.
import "./contactpage.css"
import Footer from "../../Components/Footer/Footer";
import Navbar from "../../Components/Navbar/Navbar";
import React, { useRef, useState } from 'react';
import emailjs from '@emailjs/browser';
const initialInputs = {
return (
<div className="group">
<Navbar />
<form action="" ref={form} onSubmit={sendEmail} className="contact-form">
<label className="form-input-label" > Your Name
<input required name="from_name" value={inputs.from_name} onChange={handleChange} className="form-input" type="text" />
</label>
<br />
<label required className="form-input-label"> Your Email
<input name="from_email" value={inputs.from_email} onChange={handleChange} className="form-input" type="text" />
</label>
<br />
<label required className="form-input-label" > About Your Project
<input name="message" value={inputs.message} onChange={handleChange} className="form-input" type="text" />
</label>
<button className="custom-button" > Send </button>
</form>
<Footer />
</div>
)
}
export default Contact;