bubble/devthread.ru
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/devthread.ru.git synced 2026-10-11 02:09:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

loading indicate

Browse Source
This commit is contained in:
Sergey Yarkov 2020-09-28 19:25:54 +03:00
parent 46cb2a4d25
commit 975d1cf8bb
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Newsletter/Newsletter.js
View File

@ -5,10 +5,13 @@ const Newsletter = () => {
const [email, setEmail] = React.useState("")
const [success, setSuccess] = React.useState(false)
const [error, setError] = React.useState({ isError: false, message: "" })
const $subscribeButton = React.useRef()
const submitHandler = async e => {
try {
e.preventDefault()
document.body.style.cursor = "wait"
$subscribeButton.current.style.cursor = "wait"
if (
!email.match(
@ -32,11 +35,15 @@ const Newsletter = () => {
})
window.setTimeout(() => setError({ isError: false, message: "" }), 5000)
console.log(data.msg)
document.body.style.cursor = "auto"
$subscribeButton.current.style.cursor = "pointer"
return
}
setSuccess(true)
window.setTimeout(() => setSuccess(false), 5000)
document.body.style.cursor = "auto"
$subscribeButton.current.style.cursor = "pointer"
} catch (error) {
console.log(error)
setSuccess(false)
@ -67,9 +74,10 @@ const Newsletter = () => {
value={email}
onChange={handleChangeEmail}
placeholder="ваш e-mail"
type="email"
name="email"
/>
<button>Подписаться</button>
<button ref={$subscribeButton}>Подписаться</button>
</div>
</form>
{success ? (