further hacking

components/reason.js

@@ -2,26 +2,35 @@ import { useContext } from 'react'
 import { WizardContext, ACTIONS } from '../context/wizardStore'
 
 import Form from 'react-bootstrap/Form'
-import Col from 'react-bootstrap/Col'
 
 export default function Contact() {
-  const { state, dispatch } = useContext(WizardContext)
+  const { state } = useContext(WizardContext)
 
-  const { multipleDays, startDate, endDate } = state
+  const { purpose, destination, org } = state
 
   return (
     <>
       <Form.Group>
         <Form.Label>Zweck der Fahrt</Form.Label>
-        <Form.Control type="text" id="purpose" placeholder="Zweck der Fahrt" />
+        <Form.Control
+          type="text"
+          id="purpose"
+          placeholder="Zweck der Fahrt"
+          value={purpose}
+        />
       </Form.Group>
       <Form.Group>
         <Form.Label>Verein</Form.Label>
-        <Form.Control type="text" id="org" placeholder="Verein" />
+        <Form.Control type="text" id="org" placeholder="Verein" value={org} />
       </Form.Group>
       <Form.Group>
         <Form.Label>Ziel der Fahrt</Form.Label>
-        <Form.Control type="text" id="destination" placeholder="Fahrtziel" />
+        <Form.Control
+          type="text"
+          id="destination"
+          placeholder="Fahrtziel"
+          value={destination}
+        />
       </Form.Group>
     </>
   )