move contexts all out in own toplevel dir

- rename wizard to book
This commit is contained in:
Thomas Ruoff
2021-06-07 23:51:32 +02:00
parent 92477e5325
commit dbe3904759
10 changed files with 35 additions and 35 deletions

50
components/book/index.tsx Normal file
View File

@@ -0,0 +1,50 @@
import React, { useContext } from 'react'
import Contact from './contact'
import BookStore, { BookContext } from '../../context/book'
import DateSelect from './dateSelect'
import Reason from './reason'
function BookForm() {
const { onSubmit, state, forgetData } = useContext(BookContext)
const { postData, postDataError, dataStoredLoaded } = state
return (
<>
<form
className="form"
onSubmit={(event) => {
event.preventDefault()
onSubmit()
}}
>
<DateSelect />
<Reason />
{dataStoredLoaded && (
<p className="mb-6 info-message">
Buchungsdaten wurden aus Deinem Browser geladen und vorausgefüllt.{' '}
<a className="link" onClick={forgetData}>
Daten wieder vergessen
</a>
</p>
)}
<Contact />
<div className="flex items-end">
<button type="submit" disabled={postData} className="btn btn-blue">
{postData ? 'Speichern...' : 'Absenden'}
</button>
{postDataError && (
<div className="error-message flex-grow">{postDataError}</div>
)}
</div>
</form>
</>
)
}
export default function Book() {
return (
<BookStore>
<BookForm />
</BookStore>
)
}