add phone

components/wizard/contact.tsx

@@ -5,7 +5,7 @@ import Input from '../input'
 export default function Contact() {
   const { state, onChangeEvent } = useContext(WizardContext)
 
-  const { org, name, email, street, zip, city } = state.formData
+  const { org, name, email, phone, street, zip, city } = state.formData
 
   return (
     <>
@@ -25,6 +25,13 @@ export default function Contact() {
         onChange={onChangeEvent}
         required
       />
+      <Input
+        label="Telefon"
+        type="phone"
+        name="phone"
+        value={phone}
+        onChange={onChangeEvent}
+      />
       <Input
         label="Straße"
         name="street"

components/wizard/context/wizardStore.tsx

@@ -11,6 +11,7 @@ interface WizardFormData {
   destination: string
   name: string
   email: string
+  phone: string
   street: string
   zip: string
   city: string
@@ -125,6 +126,7 @@ const initialState: WizardStoreState = {
     destination: '',
     name: '',
     email: '',
+    phone: '',
     street: '',
     zip: '',
     city: '',