preact routing on the wallet

1 files changed, 10 insertions, 1 deletions

diff --git a/packages/taler-wallet-webextension/src/pages/tip.tsx b/packages/taler-wallet-webextension/src/pages/tip.tsx
index 65ddb3734..8528a5511 100644
--- a/packages/taler-wallet-webextension/src/pages/tip.tsx
+++ b/packages/taler-wallet-webextension/src/pages/tip.tsx
@@ -26,7 +26,11 @@ import { AmountView } from "../renderHtml";
 import * as wxApi from "../wxApi";
 import { JSX } from "preact/jsx-runtime";
 
-function TalerTipDialog({ talerTipUri }: { talerTipUri: string }): JSX.Element {
+interface Props { 
+  talerTipUri?: string 
+}
+
+export function TalerTipDialog({ talerTipUri }: Props): JSX.Element {
   const [updateCounter, setUpdateCounter] = useState<number>(0);
   const [prepareTipResult, setPrepareTipResult] = useState<
     PrepareTipResult | undefined
@@ -35,6 +39,7 @@ function TalerTipDialog({ talerTipUri }: { talerTipUri: string }): JSX.Element {
   const [tipIgnored, setTipIgnored] = useState(false);
 
   useEffect(() => {
+    if (!talerTipUri) return;
     const doFetch = async (): Promise<void> => {
       const p = await wxApi.prepareTip({ talerTipUri });
       setPrepareTipResult(p);
@@ -54,6 +59,10 @@ function TalerTipDialog({ talerTipUri }: { talerTipUri: string }): JSX.Element {
     setTipIgnored(true);
   };
 
+  if (!talerTipUri) {
+    return <span>missing tip uri</span>;
+  }
+
   if (tipIgnored) {
     return <span>You've ignored the tip.</span>;
   }