fix currency link in history, hide auto-open wallet, fix space

packages/taler-wallet-webextension/src/wallet/Application.tsx

@@ -136,12 +136,13 @@ export function Application(): VNode {
 
             <Route
               path={Pages.balanceHistory.pattern}
-              component={() => (
+              component={({ currency }: { currency?: string }) => (
                 <WalletTemplate
                   path="balance"
                   goToTransaction={redirectToTxInfo}
                 >
                   <HistoryPage
+                    currency={currency}
                     goToWalletDeposit={(currency: string) =>
                       redirectTo(Pages.sendCash({ amount: `${currency}:0` }))
                     }

packages/taler-wallet-webextension/src/wallet/History.stories.tsx

@@ -75,6 +75,7 @@ const exampleData = {
     ...commonTransaction(),
     amountEffective: "USD:11",
     type: TransactionType.Payment,
+    posConfirmation: undefined,
     info: {
       contractTermsHash: "ASDZXCASD",
       merchant: {

packages/taler-wallet-webextension/src/wallet/Settings.tsx

@@ -115,21 +115,6 @@ export function SettingsView({
   return (
     <Fragment>
       <section>
-        <SubTitle>
-          <i18n.Translate>Navigator</i18n.Translate>
-        </SubTitle>
-        <Checkbox
-          label={i18n.str`Automatically open wallet based on page content`}
-          name="autoOpen"
-          description={
-            <i18n.Translate>
-              Enabling this option below will make using the wallet faster, but
-              requires more permissions from your browser.
-            </i18n.Translate>
-          }
-          enabled={autoOpenToggle.value!}
-          onToggle={autoOpenToggle.button.onClick!}
-        />
         {/* <Checkbox
           label={
             i18n.str`Automatically check clipboard for Taler URI`
@@ -225,17 +210,6 @@ export function SettingsView({
           </LinkPrimary>
         </div>
 
-        <SubTitle>
-          <i18n.Translate>Troubleshooting</i18n.Translate>
-        </SubTitle>
-        <Checkbox
-          label={i18n.str`Developer mode`}
-          name="devMode"
-          description={i18n.str`More options and information useful for debugging`}
-          enabled={devModeToggle.value!}
-          onToggle={devModeToggle.button.onClick!}
-        />
-
         <JustInDevMode>
           <SubTitle>
             <i18n.Translate>Display</i18n.Translate>
@@ -289,6 +263,33 @@ export function SettingsView({
             />
           </JustInDevMode>
         )}
+        <SubTitle>
+          <i18n.Translate>Troubleshooting</i18n.Translate>
+        </SubTitle>
+        <Checkbox
+          label={i18n.str`Developer mode`}
+          name="devMode"
+          description={i18n.str`More options and information useful for debugging`}
+          enabled={devModeToggle.value!}
+          onToggle={devModeToggle.button.onClick!}
+        />
+        <JustInDevMode>
+          <SubTitle>
+            <i18n.Translate>Navigator</i18n.Translate>
+          </SubTitle>
+          <Checkbox
+            label={i18n.str`Automatically open wallet based on page content`}
+            name="autoOpen"
+            description={
+              <i18n.Translate>
+                Enabling this option below will make using the wallet faster,
+                but requires more permissions from your browser.
+              </i18n.Translate>
+            }
+            enabled={autoOpenToggle.value!}
+            onToggle={autoOpenToggle.button.onClick!}
+          />
+        </JustInDevMode>
       </section>
     </Fragment>
   );

packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx

@@ -89,6 +89,7 @@ const exampleData = {
     ...commonTransaction,
     amountEffective: "KUDOS:12",
     type: TransactionType.Payment,
+    posConfirmation: undefined,
     info: {
       contractTermsHash: "ASDZXCASD",
       merchant: {

packages/taler-wallet-webextension/src/wallet/Transaction.tsx

@@ -486,7 +486,7 @@ export function TransactionView({
               <InfoBox>
                 <div style={{ display: "block" }}>
                   <i18n.Translate>
-                    Wire transfer need a confirmation. Go to the
+                    Wire transfer need a confirmation. Go to the{" "}
                     <a
                       href={transaction.withdrawalDetails.bankConfirmationUrl}
                       target="_blank"