fix logo duplication

This commit is contained in:
Sebastian 2023-02-27 19:56:41 -03:00
parent 93dc842e97
commit ed7aa0806d
No known key found for this signature in database
GPG Key ID: 173909D1A5F66069
8 changed files with 27 additions and 39 deletions

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -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>
);
}