aboutsummaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx12
1 files changed, 12 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx b/packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx
index b1ed3b02c..38d1b6b6b 100644
--- a/packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx
+++ b/packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx
@@ -22,6 +22,8 @@ import {
} from "../context/alert.js";
import { Alert } from "../mui/Alert.js";
import { useTranslationContext } from "@gnu-taler/web-util/browser";
+import { ButtonHandler } from "../mui/handlers.js";
+import { Button } from "../mui/Button.js";
/**
*
@@ -99,13 +101,23 @@ function AlertContext({
export function ErrorAlertView({
error,
+ retry,
onClose,
}: {
error: AlertNotification;
+ retry?: ButtonHandler;
onClose?: () => Promise<void>;
}): VNode {
+ const { i18n } = useTranslationContext();
return (
<Wrapper>
+ {!retry ? undefined : (
+ <section>
+ <Button variant="contained" color="success" onClick={retry.onClick}>
+ <i18n.Translate>Retry operation</i18n.Translate>
+ </Button>
+ </section>
+ )}
<AlertView alert={error} onClose={onClose} />
</Wrapper>
);