From bf9d36f2f03b758046f23f7f9c8b51efdea704d4 Mon Sep 17 00:00:00 2001
From: Jamie Kyle <jamie@signal.org>
Date: Wed, 12 Nov 2025 17:03:01 -0800
Subject: [PATCH] Add onClick handlers to all axo dialog buttons

---
 ts/axo/AxoDialog.dom.stories.tsx | 4 +++-
 ts/axo/AxoDialog.dom.tsx         | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ts/axo/AxoDialog.dom.stories.tsx b/ts/axo/AxoDialog.dom.stories.tsx
index ef4a9666bb..748a61fdac 100644
--- a/ts/axo/AxoDialog.dom.stories.tsx
+++ b/ts/axo/AxoDialog.dom.stories.tsx
@@ -54,7 +54,9 @@ function Template(props: {
       </AxoDialog.Trigger>
       <AxoDialog.Content size={props.contentSize} escape="cancel-is-noop">
         <AxoDialog.Header>
-          {props.back && <AxoDialog.Back aria-label="Back" />}
+          {props.back && (
+            <AxoDialog.Back aria-label="Back" onClick={action('onBack')} />
+          )}
           <AxoDialog.Title>Title</AxoDialog.Title>
           <AxoDialog.Close aria-label="Close" />
         </AxoDialog.Header>
diff --git a/ts/axo/AxoDialog.dom.tsx b/ts/axo/AxoDialog.dom.tsx
index a14af2d927..9c6442b604 100644
--- a/ts/axo/AxoDialog.dom.tsx
+++ b/ts/axo/AxoDialog.dom.tsx
@@ -158,6 +158,7 @@ export namespace AxoDialog {
 
   export type BackProps = Readonly<{
     'aria-label': string;
+    onClick: () => void;
   }>;
 
   export const Back: FC<BackProps> = memo(props => {
@@ -168,6 +169,7 @@ export namespace AxoDialog {
           variant="borderless-secondary"
           symbol="chevron-[start]"
           aria-label={props['aria-label']}
+          onClick={props.onClick}
         />
       </div>
     );
@@ -373,6 +375,7 @@ export namespace AxoDialog {
         arrow={props.arrow}
         size="md"
         width="grow"
+        onClick={props.onClick}
       >
         {props.children}
       </AxoButton.Root>
@@ -402,6 +405,7 @@ export namespace AxoDialog {
         variant={props.variant}
         size="md"
         symbol={props.symbol}
+        onClick={props.onClick}
       />
     );
   });