diff options
author | Sebastian <sebasjm@gmail.com> | 2021-07-15 15:05:09 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-07-15 15:05:16 -0300 |
commit | 6d3db4ce6ce3119f299936d9f0e4052bf1eff6c7 (patch) | |
tree | bb91b0163ecb972b6a092bbabca3c8f884200062 /packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx | |
parent | 7c2d2a3e15e92b2217e03044f3b9f10b624c2a9b (diff) | |
download | wallet-core-6d3db4ce6ce3119f299936d9f0e4052bf1eff6c7.tar.xz |
added remove button and more complex add-provider interaction
Diffstat (limited to 'packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx b/packages/taler-wallet-webextension/src/popup/ProviderDetailPage.tsx index 12567c2c7..0b76d7560 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 } from "preact"; import { ErrorMessage } from "../components/ErrorMessage"; -import { Button, ButtonDestructive, ButtonPrimary, PaymentStatus, PopupBox } from "../components/styled"; +import { Button, ButtonDestructive, ButtonPrimary, PaymentStatus, PopupBox, SmallTextLight } from "../components/styled"; import { useProviderStatus } from "../hooks/useProviderStatus"; interface Props { @@ -39,7 +39,7 @@ export function ProviderDetailPage({ pid, onBack }: Props): VNode { } return <ProviderView info={status.info} onSync={status.sync} - onDelete={() => { null }} + onDelete={() => status.remove().then(onBack) } onBack={onBack} onExtend={() => { null }} />; @@ -63,7 +63,7 @@ export function ProviderView({ info, onDelete, onSync, onBack, onExtend }: ViewP </header> <section> <Error info={info} /> - <h3>{info.syncProviderBaseUrl}</h3> + <h3>{info.name} <SmallTextLight>{info.syncProviderBaseUrl}</SmallTextLight></h3> <p>{daysSince(info?.lastSuccessfulBackupTimestamp)} </p> <p>{descriptionByStatus(info.paymentStatus)}</p> {info.paymentStatus.type === ProviderPaymentType.TermsChanged && <div> @@ -99,7 +99,7 @@ export function ProviderView({ info, onDelete, onSync, onBack, onExtend }: ViewP <footer> <Button onClick={onBack}><i18n.Translate> < back</i18n.Translate></Button> <div> - <ButtonDestructive disabled onClick={onDelete}><i18n.Translate>remove</i18n.Translate></ButtonDestructive> + <ButtonDestructive onClick={onDelete}><i18n.Translate>remove</i18n.Translate></ButtonDestructive> <ButtonPrimary disabled onClick={onExtend}><i18n.Translate>extend</i18n.Translate></ButtonPrimary> <ButtonPrimary onClick={onSync}><i18n.Translate>sync now</i18n.Translate></ButtonPrimary> </div> @@ -174,7 +174,7 @@ function descriptionByStatus(status: ProviderPaymentStatus) { case ProviderPaymentType.InsufficientBalance: return 'no enough balance to make the payment' case ProviderPaymentType.Unpaid: - return 'not pay yet' + return 'not paid yet' case ProviderPaymentType.Paid: case ProviderPaymentType.TermsChanged: if (status.paidUntil.t_ms === 'never') { |