show terms of service on reward and p2p

1 files changed, 12 insertions, 9 deletions

diff --git a/packages/taler-wallet-webextension/src/cta/Reward/views.tsx b/packages/taler-wallet-webextension/src/cta/Reward/views.tsx
index 5d99a0132..3c3190a07 100644
--- a/packages/taler-wallet-webextension/src/cta/Reward/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Reward/views.tsx
@@ -23,6 +23,7 @@ import { Link, SubTitle, WalletAction } from "../../components/styled/index.js";
 import { useTranslationContext } from "@gnu-taler/web-util/browser";
 import { Button } from "../../mui/Button.js";
 import { State } from "./index.js";
+import { TermsOfService } from "../../components/TermsOfService/index.js";
 
 export function IgnoredView(state: State.Ignored): VNode {
   const { i18n } = useTranslationContext();
@@ -60,15 +61,17 @@ export function ReadyView(state: State.Ready): VNode {
         />
       </section>
       <section>
-        <Button
-          variant="contained"
-          color="success"
-          onClick={state.accept.onClick}
-        >
-          <i18n.Translate>
-            Receive &nbsp; {<Amount value={state.amount} />}
-          </i18n.Translate>
-        </Button>
+        <TermsOfService key="terms" exchangeUrl={state.exchangeBaseUrl} >
+          <Button
+            variant="contained"
+            color="success"
+            onClick={state.accept.onClick}
+          >
+            <i18n.Translate>
+              Receive &nbsp; {<Amount value={state.amount} />}
+            </i18n.Translate>
+          </Button>
+        </TermsOfService>
       </section>
     </Fragment>
   );