diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/CurrentAlerts.tsx | 12 |
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> ); |