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 + + )} + ); }