diff --git a/media_commons_booking_app/src/client/booking/components/Calendars.tsx b/media_commons_booking_app/src/client/booking/components/Calendars.tsx index b3cfc8aa..58bdbcc7 100644 --- a/media_commons_booking_app/src/client/booking/components/Calendars.tsx +++ b/media_commons_booking_app/src/client/booking/components/Calendars.tsx @@ -46,12 +46,11 @@ export const Calendars = ({ } if (bookInfo) { const isConfirmed = window.confirm( - `You are booking the following rooms: ${selectedRooms.map( + `You are requesting to book the following rooms${selectedRooms.map( (room) => `${room.roomId} ${room.name}` - )} - \nYour reserved time slot: ${formatDate( - bookInfo.startStr - )} ~ ${formatDate(bookInfo.endStr)}` + )} for the time slot ${formatDate(bookInfo.startStr)} ~ ${formatDate( + bookInfo.endStr + )}` ); if (isConfirmed) handleSetDate(bookInfo); } @@ -115,7 +114,7 @@ export const Calendars = ({ id: Date.now(), // Generate a unique ID for the event start: selectInfo.startStr, end: selectInfo.endStr, - title: `${TITLE_TAG} Reserve`, + title: `${TITLE_TAG}`, groupId: selectInfo.startStr, }); }); diff --git a/media_commons_booking_app/src/client/booking/components/FormInput.tsx b/media_commons_booking_app/src/client/booking/components/FormInput.tsx index d26c64fb..d3a72260 100644 --- a/media_commons_booking_app/src/client/booking/components/FormInput.tsx +++ b/media_commons_booking_app/src/client/booking/components/FormInput.tsx @@ -68,6 +68,8 @@ const FormInput = ({ hasEmail, roomNumber, handleParentSubmit }) => { const [agreement, setAgreement] = useState(false); const [resetRoom, setResetRoom] = useState(false); const [bookingPolicy, setBookingPolicy] = useState(false); + const [showTextbox, setShowTextbox] = useState(false); + const disabledButton = !( checklist && agreement && @@ -86,6 +88,14 @@ const FormInput = ({ hasEmail, roomNumber, handleParentSubmit }) => { }; console.log('errors', errors); + const handleSelectChange = (event) => { + if (event.target.value === 'others') { + setShowTextbox(true); + } else { + setShowTextbox(false); + } + }; + return (