diff options
author | Sebastian <sebasjm@gmail.com> | 2021-09-06 14:55:55 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-09-06 14:55:55 -0300 |
commit | d2cf75b782b63d7b217b14c0a3bdc953c5e3bca9 (patch) | |
tree | f739a11ae3409048ee8a65a151a5f7f68ca0bc94 /packages/taler-wallet-webextension/src/popup | |
parent | 1ea598b048375c4043ac4faff13af0af6ae9b041 (diff) | |
download | wallet-core-d2cf75b782b63d7b217b14c0a3bdc953c5e3bca9.tar.xz |
rendring pending transation item
Diffstat (limited to 'packages/taler-wallet-webextension/src/popup')
3 files changed, 8 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/popup/BackupPage.tsx b/packages/taler-wallet-webextension/src/popup/BackupPage.tsx index 695f3abaa..dcc5e5313 100644 --- a/packages/taler-wallet-webextension/src/popup/BackupPage.tsx +++ b/packages/taler-wallet-webextension/src/popup/BackupPage.tsx @@ -21,8 +21,8 @@ import { differenceInMonths, formatDuration, intervalToDuration } from "date-fns import { Fragment, JSX, VNode, h } from "preact"; import { BoldLight, ButtonPrimary, ButtonSuccess, Centered, - CenteredText, CenteredTextBold, PopupBox, RowBorderGray, - SmallText, SmallTextLight + CenteredText, CenteredBoldText, PopupBox, RowBorderGray, + SmallText, SmallLightText } from "../components/styled"; import { useBackupStatus } from "../hooks/useBackupStatus"; import { Pages } from "../NavigationBar"; @@ -99,7 +99,7 @@ function BackupLayout(props: TransactionLayoutProps): JSX.Element { <a href={Pages.provider_detail.replace(':pid', encodeURIComponent(props.id))}><span>{props.title}</span></a> {dateStr && <SmallText style={{marginTop: 5}}>Last synced: {dateStr}</SmallText>} - {!dateStr && <SmallTextLight style={{marginTop: 5}}>Not synced</SmallTextLight>} + {!dateStr && <SmallLightText style={{marginTop: 5}}>Not synced</SmallLightText>} </div> <div> {props.status?.type === 'paid' ? @@ -114,7 +114,7 @@ function BackupLayout(props: TransactionLayoutProps): JSX.Element { function ExpirationText({ until }: { until: Timestamp }) { return <Fragment> <CenteredText> Expires in </CenteredText> - <CenteredTextBold {...({ color: colorByTimeToExpire(until) })}> {daysUntil(until)} </CenteredTextBold> + <CenteredBoldText {...({ color: colorByTimeToExpire(until) })}> {daysUntil(until)} </CenteredBoldText> </Fragment> } diff --git a/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx b/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx index 050614978..ffefaedb5 100644 --- a/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx +++ b/packages/taler-wallet-webextension/src/popup/ProviderAddPage.tsx @@ -4,7 +4,7 @@ import { VNode, h } from "preact"; import { useEffect, useState } from "preact/hooks"; import { Checkbox } from "../components/Checkbox"; import { ErrorMessage } from "../components/ErrorMessage"; -import { Button, ButtonPrimary, Input, LightText, PopupBox, SmallTextLight } from "../components/styled/index"; +import { Button, ButtonPrimary, Input, LightText, PopupBox, SmallLightText } from "../components/styled/index"; import * as wxApi from "../wxApi"; interface Props { @@ -129,7 +129,7 @@ export function ConfirmProviderView({ url, provider, onCancel, onConfirm }: Conf <section> <h1>Review terms of service</h1> <div>Provider URL: <a href={url} target="_blank">{url}</a></div> - <SmallTextLight>Please review and accept this provider's terms of service</SmallTextLight> + <SmallLightText>Please review and accept this provider's terms of service</SmallLightText> <h2>1. Pricing</h2> <p> {Amounts.isZero(provider.annual_fee) ? 'free of charge' : `${provider.annual_fee} per year of service`} diff --git a/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx b/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx index 83d94ac0f..04adbb21c 100644 --- a/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx +++ b/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx @@ -20,7 +20,7 @@ import { ProviderInfo, ProviderPaymentStatus, ProviderPaymentType } from "@gnu-t import { format, formatDuration, intervalToDuration } from "date-fns"; import { Fragment, VNode, h } from "preact"; import { ErrorMessage } from "../components/ErrorMessage"; -import { Button, ButtonDestructive, ButtonPrimary, PaymentStatus, PopupBox, SmallTextLight } from "../components/styled"; +import { Button, ButtonDestructive, ButtonPrimary, PaymentStatus, PopupBox, SmallLightText } from "../components/styled"; import { useProviderStatus } from "../hooks/useProviderStatus"; interface Props { @@ -60,7 +60,7 @@ export function ProviderView({ info, onDelete, onSync, onBack, onExtend }: ViewP <PopupBox> <Error info={info} /> <header> - <h3>{info.name} <SmallTextLight>{info.syncProviderBaseUrl}</SmallTextLight></h3> + <h3>{info.name} <SmallLightText>{info.syncProviderBaseUrl}</SmallLightText></h3> <PaymentStatus color={isPaid ? 'rgb(28, 184, 65)' : 'rgb(202, 60, 60)'}>{isPaid ? 'Paid' : 'Unpaid'}</PaymentStatus> </header> <section> |