diff --git a/src/assets/icons/megaclock.png b/src/assets/icons/megaclock.png
new file mode 100644
index 00000000..3695f8a6
Binary files /dev/null and b/src/assets/icons/megaclock.png differ
diff --git a/src/components/successfail/MegaClock.tsx b/src/components/successfail/MegaClock.tsx
new file mode 100644
index 00000000..ffb2a4c2
--- /dev/null
+++ b/src/components/successfail/MegaClock.tsx
@@ -0,0 +1,11 @@
+import megaclock from "~/assets/icons/megaclock.png";
+
+export function MegaClock() {
+ return (
+
+ );
+}
diff --git a/src/components/successfail/index.ts b/src/components/successfail/index.ts
index e00bfc9c..8ab0fb37 100644
--- a/src/components/successfail/index.ts
+++ b/src/components/successfail/index.ts
@@ -1,3 +1,4 @@
export * from "./MegaCheck";
export * from "./MegaEx";
+export * from "./MegaClock";
export * from "./SuccessModal";
diff --git a/src/i18n/en/translations.ts b/src/i18n/en/translations.ts
index 5172e8ee..437e9030 100644
--- a/src/i18n/en/translations.ts
+++ b/src/i18n/en/translations.ts
@@ -123,7 +123,10 @@ export default {
"Amount requested, {{amount}} SATS, does not equal amount set.",
error_clipboard: "Clipboard not supported",
error_keysend: "Keysend failed",
- error_LNURL: "LNURL Pay failed"
+ error_LNURL: "LNURL Pay failed",
+ payment_pending: "Payment pending",
+ payment_pending_description:
+ "It's taking a while, but it's possible this payment may still go through. Please check 'Activity' for the current status."
},
feedback: {
header: "Give us feedback!",
diff --git a/src/routes/Send.tsx b/src/routes/Send.tsx
index 369d07c7..c43d742a 100644
--- a/src/routes/Send.tsx
+++ b/src/routes/Send.tsx
@@ -32,6 +32,7 @@ import {
InfoBox,
LargeHeader,
MegaCheck,
+ MegaClock,
MegaEx,
MutinyWalletGuard,
NavBar,
@@ -198,6 +199,30 @@ function DestinationShower(props: {
);
}
+function Failure(props: { reason: string }) {
+ const i18n = useI18n();
+
+ return (
+
+
+
+
+ {i18n.t("send.payment_pending")}
+
+
+ {i18n.t("send.payment_pending_description")}
+
+
+
+
+
+ {props.reason}
+
+
+
+ );
+}
+
export default function Send() {
const [state, actions] = useMegaStore();
const navigate = useNavigate();
@@ -635,15 +660,12 @@ export default function Send() {
>
-
-
- {sentDetails()?.amount
- ? source() === "onchain"
- ? i18n.t("send.payment_initiated")
- : i18n.t("send.payment_sent")
- : sentDetails()?.failure_reason}
-
- {/*TODO: add failure hint logic for different failure conditions*/}
+