1 files changed, 8 insertions, 3 deletions
diff --git a/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx b/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx
index 7d2e15726..c698066e7 100644
--- a/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx
+++ b/packages/taler-wallet-webextension/src/popup/NoBalanceHelp.tsx
@@ -15,7 +15,7 @@
  */
 import { css } from "@linaria/core";
 import { Fragment, h, VNode } from "preact";
-import { useTranslationContext } from "../context/translation.js";
+import { useTranslationContext } from "@gnu-taler/web-util/browser";
 import { Alert } from "../mui/Alert.js";
 import { Button } from "../mui/Button.js";
 import { ButtonHandler } from "../mui/handlers.js";
@@ -31,9 +31,10 @@ export function NoBalanceHelp({
   goToWalletManualWithdraw: ButtonHandler;
 }): VNode {
   const { i18n } = useTranslationContext();
-  return (
+  return (<Fragment>
+
     <Paper class={margin}>
-      <Alert title="Your wallet is empty." severity="info">
+      <Alert title={i18n.str`Your wallet is empty.`} severity="info">
         <Button
           fullWidth
           color="info"
@@ -44,5 +45,9 @@ export function NoBalanceHelp({
         </Button>
       </Alert>
     </Paper>
+    <a target="_bank" rel="noreferrer" href="https://demo.taler.net/" style={{ display: "block" }}>
+      <i18n.Translate>Try the demo bank and withdraw test money.</i18n.Translate> »
+    </a>
+  </Fragment>
   );
 }