From 830a2d4820c223371b7d9fe0a01e7a0f51523394 Mon Sep 17 00:00:00 2001
From: atesta103 <alexandre.testa.at@gmail.com>
Date: Fri, 24 Jul 2026 14:08:36 +0200
Subject: [PATCH] fix(wait): show the ticket dialog's close button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

DialogHeader only renders its × button when passed its own onClose prop
— separate from the Dialog wrapper's onClose, which only handles Escape
and the native cancel event. The ticket dialog passed onClose to Dialog
but not to DialogHeader, so it rendered with no visible way to dismiss
it, discovered during manual Preview testing (no backdrop-click-to-close
exists in this Dialog component at all, by design — every other dialog
in this codebase that needs a close button passes onClose to both, e.g.
ConfirmDialog.tsx:36, SettingsPanel.tsx:2023).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/[slug]/wait/[ticketId]/WaitClient.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/[slug]/wait/[ticketId]/WaitClient.tsx b/app/[slug]/wait/[ticketId]/WaitClient.tsx
index e57e33d..2433d30 100644
--- a/app/[slug]/wait/[ticketId]/WaitClient.tsx
+++ b/app/[slug]/wait/[ticketId]/WaitClient.tsx
@@ -446,7 +446,7 @@ function WaitClient({ merchant, ticketId }: WaitClientProps) {
 
             {canDownloadTicket && (
                 <Dialog open={ticketDialogOpen} onClose={() => setTicketDialogOpen(false)}>
-                    <DialogHeader>Votre ticket</DialogHeader>
+                    <DialogHeader onClose={() => setTicketDialogOpen(false)}>Votre ticket</DialogHeader>
                     <DialogContent>
                         <div className="flex flex-col items-center gap-4">
                             <TicketDownloadCard