From 0a921c2929bc744d4dae89ca2ea6f012d62dadb6 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Mon, 15 Jan 2024 03:29:01 +0000
Subject: [PATCH] chore: added mini game to waiting screen of instant meetings
 (#13177)

* nit

* Update packages/features/bookings/Booker/components/BookEventForm/BookEventForm.tsx

---------

Co-authored-by: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
---
 .../components/BookEventForm/BookEventForm.tsx  | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/features/bookings/Booker/components/BookEventForm/BookEventForm.tsx b/packages/features/bookings/Booker/components/BookEventForm/BookEventForm.tsx
index bfb6715517..6d38db073a 100644
--- a/packages/features/bookings/Booker/components/BookEventForm/BookEventForm.tsx
+++ b/packages/features/bookings/Booker/components/BookEventForm/BookEventForm.tsx
@@ -25,7 +25,6 @@ import {
 import getBookingResponsesSchema, {
   getBookingResponsesPartialSchema,
 } from "@calcom/features/bookings/lib/getBookingResponsesSchema";
-import { Spinner } from "@calcom/features/calendars/weeklyview/components/spinner/Spinner";
 import { getFullName } from "@calcom/features/form-builder/utils";
 import { useBookingSuccessRedirect } from "@calcom/lib/bookingSuccessRedirect";
 import { MINUTES_TO_BOOK } from "@calcom/lib/constants";
@@ -531,10 +530,22 @@ const RedirectToInstantMeetingModal = ({ expiryTime }: { expiryTime?: Date }) =>
               </Button>
             </div>
           ) : (
-            <div>
+            <div className="text-center">
               <p className="font-medium">{t("connecting_you_to_someone")}</p>
+              {/* TODO: Add countdown from 60 seconds
+                  We are connecting you!
+                  Please schedule a future call if we're not available in XX seconds.
+              */}
+
+              {/* Once countdown ends: 
+                  Oops, we couldn't connect you this time.
+                  Please schedule a future call instead. We value your time.  
+              */}
+
               <p className="font-medium">{t("please_do_not_close_this_tab")}</p>
-              <Spinner className="relative mt-8" />
+              <div className="h-[450px]">
+                <iframe className="mx-auto h-full" src="https://cal.games/" />
+              </div>
             </div>
           )}
         </div>