From b22c5627194e1e91fc07402502767a4e55e92483 Mon Sep 17 00:00:00 2001
From: Hariom Balhara <hariombalhara@gmail.com>
Date: Mon, 30 May 2022 21:16:05 +0530
Subject: [PATCH] Allow less than 6 bookings and add proper min validation of
 2+ (#2921)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 apps/web/pages/event-types/[type].tsx | 28 ++++++++++-----------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/apps/web/pages/event-types/[type].tsx b/apps/web/pages/event-types/[type].tsx
index eb645075d2..665767a537 100644
--- a/apps/web/pages/event-types/[type].tsx
+++ b/apps/web/pages/event-types/[type].tsx
@@ -324,8 +324,8 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
   );
   const [tokensList, setTokensList] = useState<Array<Token>>([]);
 
-  const defaultSeats = 2;
-  const defaultSeatsInput = 6;
+  const defaultSeatsPro = 6;
+  const minSeats = 2;
   const [enableSeats, setEnableSeats] = useState(!!eventType.seatsPerTimeSlot);
 
   const periodType =
@@ -1672,7 +1672,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                                     if (e?.target.checked) {
                                       setEnableSeats(true);
                                       // Want to disable individuals from taking multiple seats
-                                      formMethods.setValue("seatsPerTimeSlot", defaultSeats);
+                                      formMethods.setValue("seatsPerTimeSlot", defaultSeatsPro);
                                       formMethods.setValue("disableGuests", true);
                                       formMethods.setValue("requiresConfirmation", false);
                                     } else {
@@ -1731,13 +1731,13 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                                                     <input
                                                       type="number"
                                                       className="focus:border-primary-500 focus:ring-primary-500 py- block  w-20 rounded-sm border-gray-300 [appearance:textfield] ltr:mr-2 rtl:ml-2 sm:text-sm"
-                                                      placeholder={`${defaultSeatsInput}`}
+                                                      placeholder={`${defaultSeatsPro}`}
+                                                      min={minSeats}
                                                       {...formMethods.register("seatsPerTimeSlot", {
                                                         valueAsNumber: true,
-                                                        min: defaultSeatsInput,
                                                       })}
                                                       defaultValue={
-                                                        eventType.seatsPerTimeSlot || defaultSeatsInput
+                                                        eventType.seatsPerTimeSlot || defaultSeatsPro
                                                       }
                                                     />
                                                   </div>
@@ -1757,22 +1757,14 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
                                                           return;
                                                         }
                                                         if (val.value === -1) {
-                                                          formMethods.setValue(
-                                                            "seatsPerTimeSlot",
-                                                            defaultSeatsInput
-                                                          );
+                                                          formMethods.setValue("seatsPerTimeSlot", minSeats);
                                                         } else {
-                                                          formMethods.setValue(
-                                                            "seatsPerTimeSlot",
-                                                            val!.value
-                                                          );
+                                                          formMethods.setValue("seatsPerTimeSlot", val.value);
                                                         }
                                                       }}
                                                       defaultValue={{
-                                                        value: eventType.seatsPerTimeSlot || defaultSeats,
-                                                        label: `${
-                                                          eventType.seatsPerTimeSlot || defaultSeats
-                                                        }`,
+                                                        value: eventType.seatsPerTimeSlot || minSeats,
+                                                        label: `${eventType.seatsPerTimeSlot || minSeats}`,
                                                       }}
                                                       options={selectSeatsPerTimeSlotOptions}
                                                     />