From dcd7e59d7e77fb4c8537c3d06236340c6c4d1895 Mon Sep 17 00:00:00 2001
From: binarybaron <user@MacBook-Pro-von-user.local>
Date: Sun, 7 Jun 2026 07:14:07 +0200
Subject: [PATCH] feat(gui): show recovery button on page

---
 .../alert/SwapStatusAlert/SwapStatusAlert.tsx |  4 ++-
 .../table/SwapMoneroRecoveryButton.tsx        |  3 ++-
 .../ConstructingMoneroRedeemPage.tsx          | 26 ++++++++++++++++++-
 .../PublishingMoneroRedeemPage.tsx            | 26 ++++++++++++++++++-
 4 files changed, 55 insertions(+), 4 deletions(-)

diff --git a/src-gui/src/renderer/components/alert/SwapStatusAlert/SwapStatusAlert.tsx b/src-gui/src/renderer/components/alert/SwapStatusAlert/SwapStatusAlert.tsx
index e0b134730f..8bde231e05 100644
--- a/src-gui/src/renderer/components/alert/SwapStatusAlert/SwapStatusAlert.tsx
+++ b/src-gui/src/renderer/components/alert/SwapStatusAlert/SwapStatusAlert.tsx
@@ -69,7 +69,9 @@ function BitcoinRedeemedStateAlert({ swap }: { swap: GetSwapInfoResponseExt }) {
           "If this step fails, you can manually redeem your funds",
         ]}
       />
-      <SwapMoneroRecoveryButton swap={swap} size="small" variant="contained" />
+      <SwapMoneroRecoveryButton swap={swap} size="small" variant="contained">
+        Display Monero Recovery Keys
+      </SwapMoneroRecoveryButton>
     </Box>
   );
 }
diff --git a/src-gui/src/renderer/components/pages/history/table/SwapMoneroRecoveryButton.tsx b/src-gui/src/renderer/components/pages/history/table/SwapMoneroRecoveryButton.tsx
index e0ea014ce4..4c8dfc8768 100644
--- a/src-gui/src/renderer/components/pages/history/table/SwapMoneroRecoveryButton.tsx
+++ b/src-gui/src/renderer/components/pages/history/table/SwapMoneroRecoveryButton.tsx
@@ -105,6 +105,7 @@ function MoneroRecoveryKeysDialog({
 
 export function SwapMoneroRecoveryButton({
   swap,
+  children,
   ...props
 }: { swap: GetSwapInfoResponseExt } & ButtonProps) {
   const isRecoverable =
@@ -127,7 +128,7 @@ export function SwapMoneroRecoveryButton({
         }}
         {...props}
       >
-        Display Monero Recovery Keys
+        {children}
       </PromiseInvokeButton>
       <MoneroRecoveryKeysDialog {...swap} />
     </>
diff --git a/src-gui/src/renderer/components/pages/swap/swap/in_progress/ConstructingMoneroRedeemPage.tsx b/src-gui/src/renderer/components/pages/swap/swap/in_progress/ConstructingMoneroRedeemPage.tsx
index 38bccdd254..82badd3c32 100644
--- a/src-gui/src/renderer/components/pages/swap/swap/in_progress/ConstructingMoneroRedeemPage.tsx
+++ b/src-gui/src/renderer/components/pages/swap/swap/in_progress/ConstructingMoneroRedeemPage.tsx
@@ -1,7 +1,31 @@
+import { Box } from "@mui/material";
+import { SwapMoneroRecoveryButton } from "renderer/components/pages/history/table/SwapMoneroRecoveryButton";
+import { useActiveSwapInfo } from "store/hooks";
 import CircularProgressWithSubtitle from "../components/CircularProgressWithSubtitle";
 
 export default function ConstructingMoneroRedeemPage() {
+  const swap = useActiveSwapInfo();
+
   return (
-    <CircularProgressWithSubtitle description="Constructing the Monero redeem transaction" />
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 1,
+      }}
+    >
+      <CircularProgressWithSubtitle description="Constructing the Monero redeem transaction" />
+      {swap && (
+        <SwapMoneroRecoveryButton
+          swap={swap}
+          variant="text"
+          size="small"
+          sx={(theme) => ({ color: theme.palette.text.secondary })}
+        >
+          Redeem manually
+        </SwapMoneroRecoveryButton>
+      )}
+    </Box>
   );
 }
diff --git a/src-gui/src/renderer/components/pages/swap/swap/in_progress/PublishingMoneroRedeemPage.tsx b/src-gui/src/renderer/components/pages/swap/swap/in_progress/PublishingMoneroRedeemPage.tsx
index 7f19a6a02f..8e533b5dad 100644
--- a/src-gui/src/renderer/components/pages/swap/swap/in_progress/PublishingMoneroRedeemPage.tsx
+++ b/src-gui/src/renderer/components/pages/swap/swap/in_progress/PublishingMoneroRedeemPage.tsx
@@ -1,7 +1,31 @@
+import { Box } from "@mui/material";
+import { SwapMoneroRecoveryButton } from "renderer/components/pages/history/table/SwapMoneroRecoveryButton";
+import { useActiveSwapInfo } from "store/hooks";
 import CircularProgressWithSubtitle from "../components/CircularProgressWithSubtitle";
 
 export default function PublishingMoneroRedeemPage() {
+  const swap = useActiveSwapInfo();
+
   return (
-    <CircularProgressWithSubtitle description="Publishing the Monero redeem transaction" />
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 1,
+      }}
+    >
+      <CircularProgressWithSubtitle description="Publishing the Monero redeem transaction" />
+      {swap && (
+        <SwapMoneroRecoveryButton
+          swap={swap}
+          variant="text"
+          size="small"
+          sx={(theme) => ({ color: theme.palette.text.secondary })}
+        >
+          Redeem manually
+        </SwapMoneroRecoveryButton>
+      )}
+    </Box>
   );
 }