2
2
import React from 'react' ;
3
3
import Layout from '@theme/Layout' ;
4
4
import LandingPageWrapper from '../../components/LandingPageWrapper' ;
5
- import useFormEmailValidator from '../../hooks/useFormEmailValidator' ;
6
5
7
6
export default function LearnAndEarnJWT ( ) {
8
- const form = React . createRef < HTMLFormElement > ( ) ;
9
- const warn = React . createRef < HTMLSpanElement > ( ) ;
10
-
11
- useFormEmailValidator ( {
12
- form,
13
- invalid ( ) {
14
- if ( ! warn . current ) {
15
- return ;
16
- }
17
-
18
- warn . current . style . display = 'block' ;
19
- } ,
20
- valid ( ) {
21
- if ( ! warn . current ) {
22
- return ;
23
- }
24
-
25
- warn . current . style . display = 'none' ;
26
- } ,
27
- } ) ;
28
-
29
7
return (
30
8
< LandingPageWrapper >
31
9
{ /* @ts -ignore */ }
@@ -51,9 +29,6 @@ export default function LearnAndEarnJWT() {
51
29
target = "_blank" >
52
30
this e-book.
53
31
</ a >
54
- < strong >
55
- Only business emails (no gmail, yahoo, etc.) will be accepted.
56
- </ strong >
57
32
</ p >
58
33
</ div >
59
34
< div
@@ -62,10 +37,13 @@ export default function LearnAndEarnJWT() {
62
37
justifyContent : 'center' ,
63
38
alignItems : 'center' ,
64
39
flexDirection : 'column' ,
40
+ margin : '1rem' ,
65
41
} } >
66
- < form ref = { form } className = "m-form" id = "mktoForm_4161" > </ form >
67
- < strong ref = { warn } style = { { display : 'none' } } >
68
- Only business emails (no gmail, yahoo, etc.) will be accepted.
42
+ < form className = "m-form" id = "mktoForm_4161" > </ form >
43
+ < strong style = { { maxWidth : '30rem' } } >
44
+ To receive your gift card, you must be a legal resident of any of
45
+ the 50 United States and D.C., Canada, Germany, Ireland, France,
46
+ and the United Kingdom;
69
47
</ strong >
70
48
</ div >
71
49
</ article >
0 commit comments