mirror of
https://github.com/r-freeman/portfolio.git
synced 2024-11-22 22:55:41 +00:00
Removed subscribe component
This commit is contained in:
parent
51717e99a0
commit
4be3a3256a
@ -1,37 +0,0 @@
|
|||||||
import {useRef, SyntheticEvent, MutableRefObject, useState} from 'react'
|
|
||||||
import {Cta} from '@/components/ui/Cta'
|
|
||||||
import {Button} from '@/components/ui/Button'
|
|
||||||
import {InboxIcon} from '@/components/icons/InboxIcon'
|
|
||||||
|
|
||||||
export function Subscribe() {
|
|
||||||
const inputRef = useRef() as MutableRefObject<HTMLInputElement>
|
|
||||||
const [message, setMessage] = useState('')
|
|
||||||
|
|
||||||
const subscribe = async (e: SyntheticEvent) => {
|
|
||||||
e.preventDefault()
|
|
||||||
|
|
||||||
inputRef.current.value = ''
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Cta icon={InboxIcon} title="Subscribe">
|
|
||||||
<p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">
|
|
||||||
Get notified when I publish something new, and unsubscribe at any time.
|
|
||||||
</p>
|
|
||||||
{/*<p className="mt-2 text-sm text-green-500">Success! 🎉 You are now subscribed to the newsletter.</p>*/}
|
|
||||||
<form className="mt-6 flex" onSubmit={subscribe}>
|
|
||||||
<input
|
|
||||||
type="email"
|
|
||||||
placeholder="Email address"
|
|
||||||
aria-label="Email address"
|
|
||||||
required
|
|
||||||
className="min-w-0 flex-auto appearance-none rounded-md border border-zinc-900/10 bg-white px-3 py-[calc(theme(spacing.2)-1px)] shadow-md shadow-zinc-800/5 placeholder:text-zinc-400 focus:border-indigo-500 focus:outline-none focus:ring-4 focus:ring-indigo-500/10 dark:border-zinc-700 dark:bg-zinc-700/[0.15] dark:text-zinc-200 dark:placeholder:text-zinc-500 dark:focus:border-indigo-400 dark:focus:ring-indigo-400/10 sm:text-sm"
|
|
||||||
ref={inputRef}
|
|
||||||
/>
|
|
||||||
<Button className="ml-4 flex-none" variant="secondary">
|
|
||||||
Join
|
|
||||||
</Button>
|
|
||||||
</form>
|
|
||||||
</Cta>
|
|
||||||
)
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user