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

move all wizard specific stuff to components/wizard

Browse Source
This commit is contained in:
Thomas Ruoff
2020-08-22 00:25:14 +02:00
parent 1df26814ba
commit 1bf7c7b801
9 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
components/wizard/contact.js Normal file
View File

@@ -0,0 +1,85 @@
import React, { useContext } from 'react'
import { WizardContext } from './context/wizardStore'
import Required from './required'
export default function Contact() {
const { state, onChangeEvent } = useContext(WizardContext)
const { name, email, street, zip, city } = state.formData
return (
<>
<div className="fsw">
<div className="fs">
<label className="flabel">
Name <Required />
</label>
<input
type="text"
name="name"
value={name}
onChange={onChangeEvent}
required
className="input-text"
/>
</div>
</div>
<div className="fsw">
<div className="fs">
<label className="flabel">
E-Mail <Required />
</label>
<input
type="email"
name="email"
value={email}
onChange={onChangeEvent}
required
className="input-text"
/>
</div>
</div>
<div className="fsw">
<div className="fs">
<label className="flabel">
Straße <Required />
</label>
<input
type="text"
name="street"
value={street}
onChange={onChangeEvent}
required
className="input-text"
/>
</div>
</div>
<div className="fsw">
<div className="fs">
<label className="flabel">
PLZ <Required />
</label>
<input
type="text"
name="zip"
value={zip}
onChange={onChangeEvent}
required
className="input-text"
/>
<label className="flabel">
Stadt <Required />
</label>
<input
type="text"
name="city"
value={city}
onChange={onChangeEvent}
required
className="input-text"
/>
</div>
</div>
</>
)
}