mirror of
https://github.com/tomru/pfadi-bussle.git
synced 2026-03-04 15:07:13 +01:00
move contexts all out in own toplevel dir
- rename wizard to book
This commit is contained in:
58
components/book/contact.tsx
Normal file
58
components/book/contact.tsx
Normal file
@@ -0,0 +1,58 @@
|
||||
import React, { useContext } from 'react'
|
||||
import { BookContext } from '../../context/book'
|
||||
import Input from '../input'
|
||||
|
||||
export default function Contact() {
|
||||
const { state, onChangeEvent } = useContext(BookContext)
|
||||
|
||||
const { org, name, email, phone, street, zip, city } = state.formData
|
||||
|
||||
return (
|
||||
<>
|
||||
<Input label="Verein" name="org" value={org} onChange={onChangeEvent} />
|
||||
<Input
|
||||
label="Name"
|
||||
required
|
||||
name="name"
|
||||
value={name}
|
||||
onChange={onChangeEvent}
|
||||
/>
|
||||
<Input
|
||||
label="E-Mail"
|
||||
type="email"
|
||||
name="email"
|
||||
value={email}
|
||||
onChange={onChangeEvent}
|
||||
required
|
||||
/>
|
||||
<Input
|
||||
label="Telefon"
|
||||
type="phone"
|
||||
name="phone"
|
||||
value={phone}
|
||||
onChange={onChangeEvent}
|
||||
/>
|
||||
<Input
|
||||
label="Straße"
|
||||
name="street"
|
||||
value={street}
|
||||
onChange={onChangeEvent}
|
||||
required
|
||||
/>
|
||||
<Input
|
||||
label="PLZ"
|
||||
name="zip"
|
||||
value={zip}
|
||||
onChange={onChangeEvent}
|
||||
required
|
||||
/>
|
||||
<Input
|
||||
label="Stadt"
|
||||
name="city"
|
||||
value={city}
|
||||
onChange={onChangeEvent}
|
||||
required
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user