added example of withdrawal use cases

3 files changed, 23 insertions, 10 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx b/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx
index d4daefc2e..35cea2b9f 100644
--- a/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/ManualWithdrawPage.tsx
@@ -21,6 +21,8 @@ import { CreateManualWithdraw } from "./CreateManualWithdraw";
 import * as wxApi from '../wxApi'
 import { AcceptManualWithdrawalResult, AmountJson, Amounts } from "@gnu-taler/taler-util";
 import { ReserveCreated } from "./ReserveCreated.js";
+import { route } from 'preact-router';
+import { Pages } from "../NavigationBar.js";
 
 interface Props {
 
@@ -58,7 +60,9 @@ export function ManualWithdrawPage({ }: Props): VNode {
   }
 
   if (success) {
-    return <ReserveCreated reservePub={success.reservePub} paytos={success.exchangePaytoUris} onBack={() => {}}/>
+    return <ReserveCreated reservePub={success.reservePub} paytos={success.exchangePaytoUris} onBack={() => {
+      route(Pages.balance)
+    }}/>
   }
 
   return <CreateManualWithdraw
diff --git a/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
index deb30e55f..a04a0b4fd 100644
--- a/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Settings.stories.tsx
@@ -41,3 +41,13 @@ export const OneChecked = createExample(TestedComponent, {
   setDeviceName: () => Promise.resolve(),
 });
 
+export const WithOneExchange = createExample(TestedComponent, {
+  deviceName: 'this-is-the-device-name',
+  permissionsEnabled: true,
+  setDeviceName: () => Promise.resolve(),
+  knownExchanges: [{
+    currency: 'USD',
+    exchangeBaseUrl: 'http://exchange.taler',
+    paytoUris: ['payto://x-taler-bank/bank.rpi.sebasjm.com/exchangeminator']
+  }]
+});
diff --git a/packages/taler-wallet-webextension/src/wallet/Settings.tsx b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
index d1eb012fc..8d18586b1 100644
--- a/packages/taler-wallet-webextension/src/wallet/Settings.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
@@ -81,15 +81,14 @@ export function SettingsView({ knownExchanges, lang, changeLang, deviceName, set
         {!knownExchanges || !knownExchanges.length ? <div>
           No exchange yet!
         </div> :
-          <dl>
-            {knownExchanges.map(e => <Fragment>
-              <dt>{e.currency}</dt>
-              <dd>{e.exchangeBaseUrl}</dd>
-              <dd>{e.paytoUris}</dd>
-            </Fragment>)}
-          </dl>
+          <table>
+            {knownExchanges.map(e => <tr>
+              <td>{e.currency}</td>
+              <td><a href={e.exchangeBaseUrl}>{e.exchangeBaseUrl}</a></td>
+            </tr>)}
+          </table>
         }
-        <ButtonPrimary>add exchange</ButtonPrimary>
+        
         <h2><i18n.Translate>Permissions</i18n.Translate></h2>
         <Checkbox label="Automatically open wallet based on page content"
           name="perm"
@@ -105,4 +104,4 @@ export function SettingsView({ knownExchanges, lang, changeLang, deviceName, set
       </section>
     </WalletBox>
   )
-}
\ No newline at end of file
+}