From ea33f3d262c564e625c33cbb2a336925092ed9f6 Mon Sep 17 00:00:00 2001
From: yash-signal <yash@signal.org>
Date: Fri, 15 Aug 2025 11:26:12 -0500
Subject: [PATCH] Donations: Fix x and download buttons not working on receipt
 modal

---
 ts/components/PreferencesDonations.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/ts/components/PreferencesDonations.tsx b/ts/components/PreferencesDonations.tsx
index 68500cef58..3b3b5f3769 100644
--- a/ts/components/PreferencesDonations.tsx
+++ b/ts/components/PreferencesDonations.tsx
@@ -350,7 +350,6 @@ function PreferencesReceiptList({
   ) => Promise<Blob>;
   showToast: (toast: AnyToast) => void;
 }): JSX.Element {
-  const [showReceiptModal, setShowReceiptModal] = useState(false);
   const [selectedReceipt, setSelectedReceipt] =
     useState<DonationReceipt | null>(null);
   const [isDownloading, setIsDownloading] = useState(false);
@@ -399,7 +398,7 @@ function PreferencesReceiptList({
       });
 
       if (result) {
-        setShowReceiptModal(false);
+        setSelectedReceipt(null);
         showToast({
           toastType: ToastType.ReceiptSaved,
           parameters: { fullPath: result.fullPath },
@@ -446,7 +445,6 @@ function PreferencesReceiptList({
                     className="PreferencesDonations--receiptList__receipt-item"
                     onAction={() => {
                       setSelectedReceipt(receipt);
-                      setShowReceiptModal(true);
                     }}
                   >
                     <div className="PreferencesDonations--receiptList__receipt-item__icon" />
@@ -480,14 +478,17 @@ function PreferencesReceiptList({
         </div>
       )}
 
-      {showReceiptModal && selectedReceipt && (
+      {selectedReceipt && (
         <Modal
           i18n={i18n}
           modalName="ReceiptDetailsModal"
           moduleClassName="PreferencesDonations__ReceiptModal"
+          // TODO(DESKTOP-9100): the noMouseClose prop is a temporary
+          // workaround for buttons on the modal not working.
+          noMouseClose
           hasXButton
           title={i18n('icu:PreferencesDonations__ReceiptModal--title')}
-          onClose={() => setShowReceiptModal(false)}
+          onClose={() => setSelectedReceipt(null)}
           modalFooter={
             <Button
               variant={ButtonVariant.Primary}