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

add /booking/uuid

Browse Source
This commit is contained in:
Thomas Ruoff
2020-08-22 00:09:11 +02:00
parent 7dea0153c4
commit e9f4753fdc
4 changed files with 42 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/booking/[id].js → pages/booking/[uuid].js
View File

@@ -1,9 +1,14 @@
import React, { useContext } from 'react'
import { AppContext } from '../../context/appStore'
import { WizardContext } from '../../context/wizardStore'
import Footer from '../../components/footer'
// TODO: load booking somehow if we navigate to booking
// TODO: when storing data take loaded booking instead of fromData
// TODO: show state of booking and minimal data
export default function Booking() {
const { state, storeData } = useContext(AppContext)
const { state, storeData } = useContext(WizardContext)
const { dataStored, dataStoredLoaded } = state
return (
@@ -11,7 +16,7 @@ export default function Booking() {
<main className="flex-grow">
<h1 className="text-3xl">Pfadi Bussle Buchung</h1>
<h3>Danke, die Buchung ist in Bearbeitung!</h3>
<h3>Vielen Dank für die Buchung!</h3>
<p>Nach Prüfung bestätigen wir die Buchung bald per E-Mail!</p>
{!dataStoredLoaded && typeof dataStored !== 'boolean' && (
<>
@@ -33,6 +38,7 @@ export default function Booking() {
{dataStored === true && (
<p>Ok, die Daten wurden für die nächste Buchung gespeichert.</p>
)}
<div>{JSON.stringify(state.booking, null, 4)}</div>
</main>
<Footer />