tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-04 06:57:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve client a bit

Browse Source
This commit is contained in:
Thomas Ruoff
2020-08-01 14:31:34 +02:00
parent 027cf45faa
commit 9570c6996c
6 changed files with 126 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/contact.js
View File

@@ -1,5 +1,6 @@
import { useContext } from 'react'
import { WizardContext, ACTIONS } from '../context/wizardStore'
import Required from './required'
import Form from 'react-bootstrap/Form'
import Col from 'react-bootstrap/Col'
@@ -12,54 +13,69 @@ export default function Contact() {
return (
<>
<Form.Group>
<Form.Label>Name</Form.Label>
<Form.Label>
Name <Required />
</Form.Label>
<Form.Control
type="text"
name="name"
placeholder="Name"
value={name}
onChange={onChangeEvent}
required
/>
</Form.Group>
<Form.Group>
<Form.Label>E-Mail</Form.Label>
<Form.Label>
E-Mail <Required />
</Form.Label>
<Form.Control
type="email"
name="email"
placeholder="E-Mail"
value={email}
onChange={onChangeEvent}
required
/>
</Form.Group>
<Form.Group>
<Form.Label>Straße</Form.Label>
<Form.Label>
Straße <Required />
</Form.Label>
<Form.Control
type="text"
name="street"
placeholder="Straße"
value={street}
onChange={onChangeEvent}
required
/>
</Form.Group>
<Form.Row>
<Form.Group as={Col} xs={4}>
<Form.Label>PLZ</Form.Label>
<Form.Label>
PLZ <Required />
</Form.Label>
<Form.Control
type="text"
name="zip"
placeholder="PLZ"
value={zip}
onChange={onChangeEvent}
required
/>
</Form.Group>
<Form.Group as={Col}>
<Form.Label>Stadt</Form.Label>
<Form.Label>
Stadt <Required />
</Form.Label>
<Form.Control
type="text"
name="city"
placeholder="Stadt"
value={city}
onChange={onChangeEvent}
required
/>
</Form.Group>
</Form.Row>