From ed02c10f54933afe0e196d040fe155e1393cd18f Mon Sep 17 00:00:00 2001 From: Leo Giovanetti Date: Wed, 21 Dec 2022 14:23:02 -0300 Subject: [PATCH] Fixing event type duration query param (#6146) * Fixing event type duration query param * Ignoring query param instead of erroring out * Removing unneeded string * Amended useEffect for simplication * Refactored useRouterQuery into new useTypedQuery * Revert "Refactored useRouterQuery into new useTypedQuery" This reverts commit b3b0aa6077a75ae37c0220cce5044b7655ff602f. Co-authored-by: Alex van Andel --- .../components/booking/BookingDescription.tsx | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/apps/web/components/booking/BookingDescription.tsx b/apps/web/components/booking/BookingDescription.tsx index 73b7e63a6a..3033c11194 100644 --- a/apps/web/components/booking/BookingDescription.tsx +++ b/apps/web/components/booking/BookingDescription.tsx @@ -44,18 +44,17 @@ const BookingDescription: FC = (props) => { const { profile, eventType, isBookingPage = false, children } = props; const { date: bookingDate } = useRouterQuery("date"); const { t } = useLocale(); - const { duration, setQuery: setDuration } = useRouterQuery("duration"); + const { duration = eventType.length.toString(), setQuery: setDuration } = useRouterQuery("duration"); + useEffect(() => { - if (eventType.metadata?.multipleDuration !== undefined) { - if (!duration) { - setDuration(eventType.length); - } else { - if (!eventType.metadata?.multipleDuration.includes(Number(duration))) { - setDuration(eventType.length); - } - } + if ( + eventType.metadata?.multipleDuration && + !eventType.metadata?.multipleDuration?.includes(Number(duration)) + ) { + setDuration(eventType.length.toString()); } - }, [setDuration, eventType.length, eventType.metadata?.multipleDuration, duration]); + }, [duration, setDuration, eventType.length, eventType.metadata?.multipleDuration]); + let requiresConfirmation = eventType?.requiresConfirmation; let requiresConfirmationText = t("requires_confirmation"); const rcThreshold = eventType?.metadata?.requiresConfirmationThreshold;