disable email forms

This commit is contained in:
fuegovic
2024-05-10 02:39:47 -04:00
parent 4b97332757
commit c3bbcb2ab9
2 changed files with 19 additions and 4 deletions

View File

@@ -3,6 +3,8 @@ import toast, { Toaster } from 'react-hot-toast'
import validator from 'validator'
import style from './newsletterform.module.css'
const isDevelopment = true //TODO
const SubscribeForm = () => {
const [email, setEmail] = useState('')
const [isLoading, setIsLoading] = useState(false)
@@ -49,12 +51,17 @@ const SubscribeForm = () => {
<form onSubmit={handleSubmit} className={style[`form-container`]}>
<input
type="email"
placeholder="Enter your email"
placeholder={isDevelopment ? 'Coming soon...' : 'Enter your email'}
value={email}
onChange={(e) => setEmail(e.target.value)}
className={style[`email-input`]}
readOnly={isDevelopment}
/>
<button type="submit" className={style[`subscribe-button`]} disabled={isLoading}>
<button
type="submit"
className={style[`subscribe-button`]}
disabled={isLoading || isDevelopment}
>
{isLoading ? 'Subscribing...' : 'Subscribe'}
</button>
</form>

View File

@@ -3,6 +3,8 @@ import toast, { Toaster } from 'react-hot-toast'
import validator from 'validator'
import style from './newsletterform.module.css'
const isDevelopment = true //TODO
const UnsubscribeForm = () => {
const [email, setEmail] = useState('')
const [isLoading, setIsLoading] = useState(false)
@@ -43,18 +45,24 @@ const UnsubscribeForm = () => {
return (
<div className={style.container}>
<br />
<Toaster position="bottom-center" reverseOrder={false} />
<div className={style[`form-wrapper`]}>
<h2 className={style[`form-title`]}>Unsubscribe From Our Newsletter</h2>
<form onSubmit={handleSubmit} className={style[`form-container`]}>
<input
type="email"
placeholder="Enter your email"
placeholder={isDevelopment ? 'Coming soon...' : 'Enter your email'}
value={email}
onChange={(e) => setEmail(e.target.value)}
className={style[`email-input`]}
readOnly={isDevelopment}
/>
<button type="submit" className={style[`subscribe-button`]} disabled={isLoading}>
<button
type="submit"
className={style[`subscribe-button`]}
disabled={isLoading || isDevelopment}
>
{isLoading ? 'Unsubscribing...' : 'Unsubscribe'}
</button>
</form>