further hacking

components/contact.js

@@ -5,32 +5,47 @@ 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 { name, email, street, zip, city } = state
 
   return (
     <>
       <Form.Group>
         <Form.Label>Name</Form.Label>
-        <Form.Control type="text" id="name" placeholder="Name" />
+        <Form.Control type="text" id="name" placeholder="Name" value={name} />
       </Form.Group>
       <Form.Group>
         <Form.Label>E-Mail</Form.Label>
-        <Form.Control type="email" id="email" placeholder="E-Mail" />
+        <Form.Control
+          type="email"
+          id="email"
+          placeholder="E-Mail"
+          value={email}
+        />
       </Form.Group>
       <Form.Group>
         <Form.Label>Straße</Form.Label>
-        <Form.Control type="text" id="street" placeholder="Straße" />
+        <Form.Control
+          type="text"
+          id="street"
+          placeholder="Straße"
+          value={street}
+        />
       </Form.Group>
       <Form.Row>
         <Form.Group as={Col} xs={4}>
           <Form.Label>PLZ</Form.Label>
-          <Form.Control type="text" id="plz" placeholder="PLZ" />
+          <Form.Control type="text" id="plz" placeholder="PLZ" value={zip} />
         </Form.Group>
         <Form.Group as={Col}>
           <Form.Label>Stadt</Form.Label>
-          <Form.Control type="text" id="city" placeholder="Stadt" />
+          <Form.Control
+            type="text"
+            id="city"
+            placeholder="Stadt"
+            value={city}
+          />
         </Form.Group>
       </Form.Row>
     </>