From d302dc164debb16dce8f359e7d2fbafce66d66db Mon Sep 17 00:00:00 2001
From: Bailey Pumfleet <pumfleet@hey.com>
Date: Wed, 14 Sep 2022 18:56:54 +0100
Subject: [PATCH] Update booking page buttons to match v2 (#4474)

---
 .../components/booking/pages/BookingPage.tsx  | 20 +++++++++----------
 apps/web/public/static/locales/en/common.json |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/apps/web/components/booking/pages/BookingPage.tsx b/apps/web/components/booking/pages/BookingPage.tsx
index 543d26d830..309c5f8b6e 100644
--- a/apps/web/components/booking/pages/BookingPage.tsx
+++ b/apps/web/components/booking/pages/BookingPage.tsx
@@ -742,15 +742,6 @@ const BookingPage = ({
                   ))}
                 {!eventType.disableGuests && (
                   <div className="mb-4">
-                    {!guestToggle && (
-                      <label
-                        onClick={() => setGuestToggle(!guestToggle)}
-                        htmlFor="guests"
-                        className="mb-1 block text-sm font-medium hover:cursor-pointer dark:text-white">
-                        {/*<UserAddIcon className="inline-block w-5 h-5 mr-1 -mt-1" />*/}
-                        {t("additional_guests")}
-                      </label>
-                    )}
                     {guestToggle && (
                       <div>
                         <label
@@ -858,8 +849,17 @@ const BookingPage = ({
                 </div>
 
                 <div className="flex justify-end space-x-2 rtl:space-x-reverse">
+                  {!guestToggle && (
+                    <Button
+                      color="secondary"
+                      onClick={() => setGuestToggle(!guestToggle)}
+                      className="dark:bg-darkmodebrand dark:text-darkmodebrandcontrast mr-auto rounded-md">
+                      <Icon.FiUserPlus className="mr-2" />
+                      {t("additional_guests")}
+                    </Button>
+                  )}
                   <Button
-                    color="secondary"
+                    color="minimal"
                     type="button"
                     onClick={() => router.back()}
                     // We override this for this component only for now - as we don't support darkmode everywhere in the app
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index c9f9738acd..51385df053 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -447,7 +447,7 @@
   "sunday": "Sunday",
   "all_booked_today": "All booked today.",
   "slots_load_fail": "Could not load the available time slots.",
-  "additional_guests": "+ Additional Guests",
+  "additional_guests": "Add guest",
   "your_name": "Your name",
   "email_address": "Email address",
   "enter_valid_email": "Please enter a valid email",