diff --git a/components/contact.js b/pages/components/contact.js similarity index 100% rename from components/contact.js rename to pages/components/contact.js diff --git a/components/dateSelect.js b/pages/components/dateSelect.js similarity index 98% rename from components/dateSelect.js rename to pages/components/dateSelect.js index 84d4c99..f5c5c4f 100644 --- a/components/dateSelect.js +++ b/pages/components/dateSelect.js @@ -10,7 +10,7 @@ import 'react-dates/initialize' import { DateRangePicker, SingleDatePicker } from 'react-dates' import Required from './required' -import { dateFormat } from '../lib/dateHelper' +import { dateFormat } from '../helpers/date' const fetcher = (path) => fetch(path).then((r) => r.json()) diff --git a/components/reason.js b/pages/components/reason.js similarity index 100% rename from components/reason.js rename to pages/components/reason.js diff --git a/components/required.js b/pages/components/required.js similarity index 69% rename from components/required.js rename to pages/components/required.js index 3214b5f..4e5e120 100644 --- a/components/required.js +++ b/pages/components/required.js @@ -1,4 +1,2 @@ -import react from 'react' - const Required = () => * export default Required diff --git a/components/wizard.js b/pages/components/wizard.js similarity index 90% rename from components/wizard.js rename to pages/components/wizard.js index a4d9e7b..52e16e4 100644 --- a/components/wizard.js +++ b/pages/components/wizard.js @@ -11,7 +11,7 @@ import Contact from './contact' //import Driver from './driver' function WizardInternal() { - const { onSubmit, state } = useContext(WizardContext) + const { onSubmit, state, storeData } = useContext(WizardContext) const { postData, postDataSuccess, postDataError } = state if (postDataSuccess) { @@ -23,7 +23,7 @@ function WizardInternal() { Sollen die eingegebenen Daten in Deinem Browser für die nächste Buchung gespeichert werden?
- + > ) } diff --git a/context/wizardStore.js b/pages/context/wizardStore.js similarity index 90% rename from context/wizardStore.js rename to pages/context/wizardStore.js index 3266e7b..ab386e6 100644 --- a/context/wizardStore.js +++ b/pages/context/wizardStore.js @@ -1,4 +1,6 @@ -import React, { useReducer } from 'react' +import React, { useReducer, useEffect } from 'react' + +import { storeFormData, loadFormData } from '../helpers/storage' export const WizardContext = React.createContext() @@ -93,6 +95,11 @@ async function createBooking(formData) { export default function WizardStore({ children }) { const [state, dispatch] = useReducer(debugReducer, initialState) + useEffect(() => { + const data = loadFormData() + dispatch({ type: ACTIONS.SET_FORM_DATA, payload: data }) + }, []) + const onChangeEvent = (event) => { const { name, value } = event.target @@ -121,9 +128,11 @@ export default function WizardStore({ children }) { } } + const storeData = () => storeFormData(state.formData) + return (