blob: 132fba11ac5e3bf8baaf06487c9c8ad155237300 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
import React, { useState } from 'react'
import { useNavigate } from 'react-router-dom'
import Header from '../../../components/Header/Header'
import Input from '../../../components/Input/Input'
import SubmitButton from '../../../components/SubmitButton/SubmitButton'
import styles from './Address.module.css'
const Address = () => {
const [address, setAddress] = useState('')
const navigate = useNavigate()
return (
<>
<Header subheading="Enrollment" />
<div className={styles.address}>
<div className={styles.address__container}>
<Input
id="houseNo"
label="House Number/ Apartment"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter your House Number / Apartment"
/>
<Input
id="locality"
label="Area / Locality"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter your Area / Locality"
/>
<Input id="town" label="Village / Town" value="town" type="text" />
<Input
id="postOffice"
label="Post Office"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter your Village / Town"
/>
</div>
<div className={styles.address__container}>
<Input
id="street"
label="Street / Road"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter the Street / Road"
/>
<Input
id="landmark"
label="Landmark"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter the Landmark"
/>
<Input
id="district"
label="District"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter your District"
/>
<Input
id="pincode"
label="Pincode"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter your area Pincode"
/>
</div>
</div>
<Input
id="state"
label="State"
value={address}
type="text"
onChange={(e) => setAddress(e.target.value)}
placeholder="Enter your State"
/>
<SubmitButton onClick={() => navigate('/enrollment/photo')} />
</>
)
}
export default Address
|