From 33903f1a0324e1ef937ee301fc53291c15577ab6 Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Wed, 29 Jan 2025 14:12:19 +0000
Subject: [PATCH] fix:clear cancellation reason on other select (#18982)

---
 apps/web/components/booking/CancelBooking.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/web/components/booking/CancelBooking.tsx b/apps/web/components/booking/CancelBooking.tsx
index 100b40e24c..42275c6699 100644
--- a/apps/web/components/booking/CancelBooking.tsx
+++ b/apps/web/components/booking/CancelBooking.tsx
@@ -15,11 +15,13 @@ interface InternalNotePresetsSelectProps {
       label: string;
     } | null
   ) => void;
+  setCancellationReason: (reason: string) => void;
 }
 
 const InternalNotePresetsSelect = ({
   internalNotePresets,
   onPresetSelect,
+  setCancellationReason,
 }: InternalNotePresetsSelectProps) => {
   const { t } = useLocale();
   const [showOtherInput, setShowOtherInput] = useState(false);
@@ -31,6 +33,7 @@ const InternalNotePresetsSelect = ({
   const handleSelectChange = (option: { value: number | string; label: string } | null) => {
     if (option?.value === "other") {
       setShowOtherInput(true);
+      setCancellationReason("");
     } else {
       setShowOtherInput(false);
       onPresetSelect && onPresetSelect(option);
@@ -140,6 +143,7 @@ export default function CancelBooking(props: Props) {
             <>
               <InternalNotePresetsSelect
                 internalNotePresets={props.internalNotePresets}
+                setCancellationReason={setCancellationReason}
                 onPresetSelect={(option) => {
                   if (!option) return;