fix logo duplication

8 files changed, 27 insertions, 39 deletions

diff --git a/packages/taler-wallet-webextension/src/cta/Deposit/views.tsx b/packages/taler-wallet-webextension/src/cta/Deposit/views.tsx
index 7fa43f878..2ea7d05b8 100644
--- a/packages/taler-wallet-webextension/src/cta/Deposit/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Deposit/views.tsx
@@ -33,8 +33,7 @@ export function ReadyView(state: State.Ready): VNode {
   const { i18n } = useTranslationContext();
 
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital cash deposit</i18n.Translate>
@@ -74,6 +73,6 @@ export function ReadyView(state: State.Ready): VNode {
           </i18n.Translate>
         </Button>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
diff --git a/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx b/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx
index e96ee0705..86f07fe34 100644
--- a/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx
@@ -16,7 +16,7 @@
 
 import { Amounts } from "@gnu-taler/taler-util";
 import { format } from "date-fns";
-import { h, VNode } from "preact";
+import { Fragment, h, VNode } from "preact";
 import { LogoHeader } from "../../components/LogoHeader.js";
 import { Part } from "../../components/Part.js";
 import {
@@ -69,8 +69,7 @@ export function ReadyView({
     }
   }
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
       <SubTitle>
         <i18n.Translate>Digital invoice</i18n.Translate>
       </SubTitle>
@@ -159,6 +158,6 @@ export function ReadyView({
           <i18n.Translate>Create</i18n.Translate>
         </Button>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
diff --git a/packages/taler-wallet-webextension/src/cta/InvoicePay/views.tsx b/packages/taler-wallet-webextension/src/cta/InvoicePay/views.tsx
index 4a9d90ef6..41db60520 100644
--- a/packages/taler-wallet-webextension/src/cta/InvoicePay/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/InvoicePay/views.tsx
@@ -31,8 +31,7 @@ export function ReadyView(
   const { i18n } = useTranslationContext();
   const { summary, effective, raw, expiration, uri, status, payStatus } = state;
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
       <SubTitle>
         <i18n.Translate>Digital invoice</i18n.Translate>
       </SubTitle>
@@ -60,6 +59,6 @@ export function ReadyView(
         payHandler={status === "ready" ? state.accept : undefined}
         goToWalletManualWithdraw={state.goToWalletManualWithdraw}
       />
-    </WalletAction>
+    </Fragment>
   );
 }
diff --git a/packages/taler-wallet-webextension/src/cta/Recovery/views.tsx b/packages/taler-wallet-webextension/src/cta/Recovery/views.tsx
index 858349ef3..303fbd7c8 100644
--- a/packages/taler-wallet-webextension/src/cta/Recovery/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Recovery/views.tsx
@@ -24,8 +24,7 @@ import { State } from "./index.js";
 export function ReadyView({ accept, cancel }: State.Ready): VNode {
   const { i18n } = useTranslationContext();
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital wallet recovery</i18n.Translate>
@@ -42,6 +41,6 @@ export function ReadyView({ accept, cancel }: State.Ready): VNode {
           Cancel
         </Button>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
diff --git a/packages/taler-wallet-webextension/src/cta/Refund/views.tsx b/packages/taler-wallet-webextension/src/cta/Refund/views.tsx
index 22d49caf4..ffbf83042 100644
--- a/packages/taler-wallet-webextension/src/cta/Refund/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Refund/views.tsx
@@ -29,8 +29,7 @@ export function IgnoredView(state: State.Ignored): VNode {
   const { i18n } = useTranslationContext();
 
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital cash refund</i18n.Translate>
@@ -40,15 +39,14 @@ export function IgnoredView(state: State.Ignored): VNode {
           <i18n.Translate>You&apos;ve ignored the tip.</i18n.Translate>
         </p>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
 export function InProgressView(state: State.InProgress): VNode {
   const { i18n } = useTranslationContext();
 
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital cash refund</i18n.Translate>
@@ -77,14 +75,13 @@ export function InProgressView(state: State.InProgress): VNode {
           <ProductList products={state.products} />
         </section>
       ) : undefined}
-    </WalletAction>
+    </Fragment>
   );
 }
 export function ReadyView(state: State.Ready): VNode {
   const { i18n } = useTranslationContext();
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital cash refund</i18n.Translate>
@@ -135,6 +132,6 @@ export function ReadyView(state: State.Ready): VNode {
           </i18n.Translate>
         </Button>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
diff --git a/packages/taler-wallet-webextension/src/cta/Tip/views.tsx b/packages/taler-wallet-webextension/src/cta/Tip/views.tsx
index 000daf19e..196da7a1b 100644
--- a/packages/taler-wallet-webextension/src/cta/Tip/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/Tip/views.tsx
@@ -27,8 +27,7 @@ import { State } from "./index.js";
 export function IgnoredView(state: State.Ignored): VNode {
   const { i18n } = useTranslationContext();
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital cash tip</i18n.Translate>
@@ -36,15 +35,14 @@ export function IgnoredView(state: State.Ignored): VNode {
       <span>
         <i18n.Translate>You&apos;ve ignored the tip.</i18n.Translate>
       </span>
-    </WalletAction>
+    </Fragment>
   );
 }
 
 export function ReadyView(state: State.Ready): VNode {
   const { i18n } = useTranslationContext();
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital cash tip</i18n.Translate>
@@ -81,15 +79,14 @@ export function ReadyView(state: State.Ready): VNode {
           </i18n.Translate>
         </Button>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
 
 export function AcceptedView(state: State.Accepted): VNode {
   const { i18n } = useTranslationContext();
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
 
       <SubTitle>
         <i18n.Translate>Digital cash tip</i18n.Translate>
@@ -100,6 +97,6 @@ export function AcceptedView(state: State.Accepted): VNode {
           transactions list for more details.
         </i18n.Translate>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
diff --git a/packages/taler-wallet-webextension/src/cta/TransferCreate/views.tsx b/packages/taler-wallet-webextension/src/cta/TransferCreate/views.tsx
index a28b13141..1028385c8 100644
--- a/packages/taler-wallet-webextension/src/cta/TransferCreate/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/TransferCreate/views.tsx
@@ -16,7 +16,7 @@
 
 import { Amounts } from "@gnu-taler/taler-util";
 import { format } from "date-fns";
-import { h, VNode } from "preact";
+import { Fragment, h, VNode } from "preact";
 import { ErrorTalerOperation } from "../../components/ErrorTalerOperation.js";
 import { LogoHeader } from "../../components/LogoHeader.js";
 import { Part } from "../../components/Part.js";
@@ -59,8 +59,7 @@ export function ReadyView({
     }
   }
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
       <SubTitle>
         <i18n.Translate>Digital cash transfer</i18n.Translate>
       </SubTitle>
@@ -125,6 +124,6 @@ export function ReadyView({
           <i18n.Translate>Create</i18n.Translate>
         </Button>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }
diff --git a/packages/taler-wallet-webextension/src/cta/TransferPickup/views.tsx b/packages/taler-wallet-webextension/src/cta/TransferPickup/views.tsx
index b7ba3ea26..5c2e647a1 100644
--- a/packages/taler-wallet-webextension/src/cta/TransferPickup/views.tsx
+++ b/packages/taler-wallet-webextension/src/cta/TransferPickup/views.tsx
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
-import { h, VNode } from "preact";
+import { Fragment, h, VNode } from "preact";
 import { Amount } from "../../components/Amount.js";
 import { ErrorTalerOperation } from "../../components/ErrorTalerOperation.js";
 import { LogoHeader } from "../../components/LogoHeader.js";
@@ -35,8 +35,7 @@ export function ReadyView({
 }: State.Ready): VNode {
   const { i18n } = useTranslationContext();
   return (
-    <WalletAction>
-      <LogoHeader />
+    <Fragment>
       <SubTitle>
         <i18n.Translate>Digital cash transfer</i18n.Translate>
       </SubTitle>
@@ -65,6 +64,6 @@ export function ReadyView({
           </i18n.Translate>
         </Button>
       </section>
-    </WalletAction>
+    </Fragment>
   );
 }