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 ( + fail + ); +} 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*/} +