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",
]}
/>
-
+
+ Display Monero Recovery Keys
+
);
}
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}
>
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 (
-
+
+
+ {swap && (
+ ({ color: theme.palette.text.secondary })}
+ >
+ Redeem manually
+
+ )}
+
);
}
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 (
-
+
+
+ {swap && (
+ ({ color: theme.palette.text.secondary })}
+ >
+ Redeem manually
+
+ )}
+
);
}