1
1
import Error from './Error.component' ;
2
2
import CheckoutTitle from 'components/Header/CheckoutTitle.component' ;
3
3
4
-
5
-
6
4
const Billing = ( { input, handleOnChange } ) => {
5
+ // https://react-hook-form.com/get-started#Quickstart
7
6
return (
8
7
< >
9
- {
10
- // https://tailwindcss.com/components/forms/#
11
- // https://react-hook-form.com/get-started#Quickstart
12
- }
13
-
14
8
< section className = "relative text-gray-700 body-font" >
15
9
< div className = "container px-5 py-2 mx-auto" >
16
-
17
- < CheckoutTitle title = "Betalingsdetaljer" />
18
-
10
+ < CheckoutTitle title = "Betalingsdetaljer" />
19
11
< div className = "mx-auto lg:w-1/2 md:w-2/3" >
20
12
< div className = "flex flex-wrap -m-2" >
21
13
< div className = "w-1/2 p-2" >
@@ -44,7 +36,6 @@ const Billing = ({ input, handleOnChange }) => {
44
36
/>
45
37
< Error errors = { input . errors } fieldName = { 'lastName' } />
46
38
</ div >
47
-
48
39
< div className = "w-1/2 p-2" >
49
40
< label className = "pb-4" > Adresse</ label >
50
41
< input
@@ -58,7 +49,6 @@ const Billing = ({ input, handleOnChange }) => {
58
49
/>
59
50
< Error errors = { input . errors } fieldName = { 'address1' } />
60
51
</ div >
61
-
62
52
< div className = "w-1/2 p-2" >
63
53
< label className = "pb-4" > Postnummer</ label >
64
54
< input
@@ -72,7 +62,6 @@ const Billing = ({ input, handleOnChange }) => {
72
62
/>
73
63
< Error errors = { input . errors } fieldName = { 'postcode' } />
74
64
</ div >
75
-
76
65
< div className = "w-1/2 p-2" >
77
66
< label className = "pb-4" > Sted</ label >
78
67
< input
@@ -86,7 +75,6 @@ const Billing = ({ input, handleOnChange }) => {
86
75
/>
87
76
< Error errors = { input . errors } fieldName = { 'city' } />
88
77
</ div >
89
-
90
78
< div className = "w-1/2 p-2" >
91
79
< label className = "pb-4" > Epost</ label >
92
80
< input
@@ -100,7 +88,6 @@ const Billing = ({ input, handleOnChange }) => {
100
88
/>
101
89
< Error errors = { input . errors } fieldName = { 'email' } />
102
90
</ div >
103
-
104
91
< div className = "w-1/2 p-2" >
105
92
< label className = "pb-4" > Telefon</ label >
106
93
< input
@@ -114,7 +101,6 @@ const Billing = ({ input, handleOnChange }) => {
114
101
/>
115
102
< Error errors = { input . errors } fieldName = { 'phone' } />
116
103
</ div >
117
-
118
104
< div className = "w-1/2 p-2" >
119
105
< input
120
106
className = "hidden"
@@ -124,7 +110,6 @@ const Billing = ({ input, handleOnChange }) => {
124
110
checked
125
111
/>
126
112
</ div >
127
-
128
113
< div className = "w-full p-2" >
129
114
< button className = "flex px-4 py-2 mx-auto font-bold bg-white border border-gray-400 border-solid rounded hover:bg-gray-400" >
130
115
BESTILL
0 commit comments