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: '',

db/booker.ts

@@ -3,6 +3,7 @@ import * as mongoose from 'mongoose'
 export interface Booker {
   name: string
   email: string
+  phone: string
   street: string
   zip: string
   city: string
@@ -19,6 +20,7 @@ const BookerSchema = new mongoose.Schema<BookerDocument>(
   {
     name: { type: String, required: true },
     email: { type: String, required: true, unique: true, minlength: 5 },
+    phone: { type: String, required: false },
     street: { type: String, required: true },
     zip: { type: String, required: true },
     city: { type: String, required: true },

db/index.ts

@@ -48,6 +48,7 @@ export async function createBooking({
   destination,
   name,
   email,
+  phone,
   street,
   zip,
   city,
@@ -80,7 +81,7 @@ export async function createBooking({
 
   let booker = await BookerModel.findOne({ email }).exec()
   if (!booker) {
-    booker = new BookerModel({ name, email, street, zip, city })
+    booker = new BookerModel({ name, email, phone, street, zip, city })
     await booker.save()
   }