From 7dc4a55319b622aebbb6465fc4833e125d83b4f3 Mon Sep 17 00:00:00 2001
From: Syed Ali Shahbaz <52925846+alishaz-polymath@users.noreply.github.com>
Date: Tue, 12 Oct 2021 13:59:12 +0530
Subject: [PATCH] Bugfix CAL-566 guest emails missing (#905)

* removed empty dep from useCallback of bookingHandler

* added guestEmails as the dep instead of no dep

Co-authored-by: Bailey Pumfleet <pumfleet@hey.com>
---
 components/booking/pages/BookingPage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/booking/pages/BookingPage.tsx b/components/booking/pages/BookingPage.tsx
index ca1c044d6b..70a9f8a477 100644
--- a/components/booking/pages/BookingPage.tsx
+++ b/components/booking/pages/BookingPage.tsx
@@ -181,7 +181,7 @@ const BookingPage = (props: BookingPageProps) => {
     book();
   };
 
-  const bookingHandler = useCallback(_bookingHandler, []);
+  const bookingHandler = useCallback(_bookingHandler, [guestEmails]);
 
   return (
     <div>
@@ -254,7 +254,7 @@ const BookingPage = (props: BookingPageProps) => {
               <div className="sm:w-1/2 sm:pl-8 sm:pr-4">
                 <form onSubmit={bookingHandler}>
                   <div className="mb-4">
-                    <label htmlFor="name" className="block text-sm font-medium dark:text-white text-gray-700">
+                    <label htmlFor="name" className="block text-sm font-medium text-gray-700 dark:text-white">
                       {t("your_name")}
                     </label>
                     <div className="mt-1">
@@ -272,7 +272,7 @@ const BookingPage = (props: BookingPageProps) => {
                   <div className="mb-4">
                     <label
                       htmlFor="email"
-                      className="block text-sm font-medium dark:text-white text-gray-700">
+                      className="block text-sm font-medium text-gray-700 dark:text-white">
                       {t("email_address")}
                     </label>
                     <div className="mt-1">
@@ -446,7 +446,7 @@ const BookingPage = (props: BookingPageProps) => {
                       name="notes"
                       id="notes"
                       rows={3}
-                      className="shadow-sm dark:bg-black dark:text-white dark:border-gray-900 focus:ring-black focus:border-black block w-full sm:text-sm border-gray-300 rounded-md"
+                      className="block w-full border-gray-300 rounded-md shadow-sm dark:bg-black dark:text-white dark:border-gray-900 focus:ring-black focus:border-black sm:text-sm"
                       placeholder={t("share_additional_notes")}
                       defaultValue={props.booking ? props.booking.description : ""}
                     />