add clear stored data

components/wizard.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react'
 import Button from 'react-bootstrap/Button'
 import Form from 'react-bootstrap/Form'
 
-import WizardStore, { WizardContext, ACTIONS } from '../context/wizardStore'
+import WizardStore, { WizardContext } from '../context/wizardStore'
 
 import DateSelect from './dateSelect'
 import Reason from './reason'
@@ -11,19 +11,39 @@ import Contact from './contact'
 //import Driver from './driver'
 
 function WizardInternal() {
-  const { onSubmit, state, storeData } = useContext(WizardContext)
-  const { postData, postDataSuccess, postDataError } = state
+  const { onSubmit, state, storeData, forgetData } = useContext(WizardContext)
+  const {
+    postData,
+    postDataSuccess,
+    postDataError,
+    dataStored,
+    dataStoredLoaded,
+  } = state
 
   if (postDataSuccess) {
     return (
       <>
         <h3>Danke, die Buchung ist in Bearbeitung!</h3>
         <p>Wir melden uns per E-Mail sobald die Buchung bestätigt ist.</p>
-        <p>
-          Sollen die eingegebenen Daten in Deinem Browser für die nächste
-          Buchung gespeichert werden?
-        </p>
-        <Button onClick={storeData}>Ja, bitte speichern</Button>
+        {typeof dataStored !== 'boolean' && (
+          <>
+            <p>
+              Sollen die eingegebenen Daten in <strong>Deinem Browser</strong>{' '}
+              für die nächste Buchung gespeichert werden?
+            </p>
+            <Button onClick={() => storeData(true)}>Ja, bitte speichern</Button>
+            <Button
+              onClick={() => storeData(false)}
+              className="ml-2"
+              variant="secondary"
+            >
+              Nein danke
+            </Button>
+          </>
+        )}
+        {dataStored === true && (
+          <p>Ok, die Daten wurden für die nächste Buchung gespeichert.</p>
+        )}
       </>
     )
   }
@@ -35,6 +55,14 @@ function WizardInternal() {
         onSubmit()
       }}
     >
+      {dataStoredLoaded && (
+        <p>
+          Gespeicherte Daten aus Deinem Browser geladen.{' '}
+          <Button size="sm" variant="outline-secondary" onClick={forgetData}>
+            Daten wieder Vergessen
+          </Button>
+        </p>
+      )}
       <DateSelect />
       <Reason />
       <Contact />