diff --git a/apps/web/components/booking/pages/AvailabilityPage.tsx b/apps/web/components/booking/pages/AvailabilityPage.tsx index 128fab66c6..099a9b60f4 100644 --- a/apps/web/components/booking/pages/AvailabilityPage.tsx +++ b/apps/web/components/booking/pages/AvailabilityPage.tsx @@ -169,7 +169,7 @@ const SlotPicker = ({ timeZone, }); - const slots = useMemo(() => ({ ..._1, ..._2 }), [_1, _2]); + const slots = useMemo(() => ({ ..._2, ..._1 }), [_1, _2]); return ( <> @@ -178,7 +178,7 @@ const SlotPicker = ({ className={classNames( "mt-8 w-full px-4 sm:mt-0 sm:min-w-[455px] md:px-5", selectedDate - ? "sm:dark:border-darkgray-200 border-gray-200 sm:w-1/2 sm:border-r sm:p-4 sm:pr-6 md:w-1/3 " + ? "sm:dark:border-darkgray-200 border-gray-200 sm:w-1/2 sm:border-r sm:p-4 sm:pr-6 md:w-1/3" : "sm:p-4" )} includedDates={Object.keys(slots).filter((k) => slots[k].length > 0)} @@ -247,9 +247,9 @@ function TimezoneDropdown({ {timeZone} {isTimeOptionsOpen ? ( - + ) : ( - + )}

@@ -425,7 +425,7 @@ const AvailabilityPage = ({ profile, eventType }: Props) => { )} {eventType?.requiresConfirmation && ( -

+

{t("requires_confirmation")}

@@ -464,7 +464,7 @@ const AvailabilityPage = ({ profile, eventType }: Props) => { setRecurringEventCount(parseInt(event?.target.value)); }} /> -

+

{t("occurrence", { count: recurringEventCount, })} @@ -512,12 +512,12 @@ const AvailabilityPage = ({ profile, eventType }: Props) => {

{profile.name}

-

+

{eventType.title}

{eventType?.description && ( -
+
@@ -563,7 +563,7 @@ const AvailabilityPage = ({ profile, eventType }: Props) => {
)} {eventType.price > 0 && ( -

+