diff options
| author | Sebastian <sebasjm@gmail.com> | 2022-03-28 14:03:59 -0300 |
|---|---|---|
| committer | Sebastian <sebasjm@gmail.com> | 2022-03-28 14:04:06 -0300 |
| commit | 1d85662946c393ea6985c178842be40d38fc687d (patch) | |
| tree | c01293631a6fc13810458ea4638bb3f8daa4c389 /packages/taler-wallet-webextension/src/wallet/Transaction.tsx | |
| parent | 2ba6692c6ad97285e852fb0b74a650e067817003 (diff) | |
| download | wallet-core-1d85662946c393ea6985c178842be40d38fc687d.tar.xz | |
storybook like page for dev, plus some style fixes
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/Transaction.tsx')
| -rw-r--r-- | packages/taler-wallet-webextension/src/wallet/Transaction.tsx | 50 |
1 files changed, 33 insertions, 17 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx index 0e58aaf61..5cef86da8 100644 --- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx +++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx @@ -43,6 +43,7 @@ import { Overlay, RowBorderGray, SmallLightText, + SubTitle, WarningBox, } from "../components/styled"; import { Time } from "../components/Time"; @@ -216,10 +217,13 @@ export function TransactionView({ </CenteredDialog> </Overlay> ) : undefined} - <h2> + <SubTitle> <i18n.Translate>Withdrawal</i18n.Translate> - </h2> - <Time timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} format="dd MMMM yyyy, HH:mm" /> + </SubTitle> + <Time + timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} + format="dd MMMM yyyy, HH:mm" + /> {transaction.pending ? ( transaction.withdrawalDetails.type === WithdrawalType.ManualTransfer ? ( @@ -340,10 +344,13 @@ export function TransactionView({ return ( <TransactionTemplate> - <h2> + <SubTitle> <i18n.Translate>Payment</i18n.Translate> - </h2> - <Time timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} format="dd MMMM yyyy, HH:mm" /> + </SubTitle> + <Time + timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} + format="dd MMMM yyyy, HH:mm" + /> <br /> <Part big @@ -423,10 +430,13 @@ export function TransactionView({ ).amount; return ( <TransactionTemplate> - <h2> + <SubTitle> <i18n.Translate>Deposit</i18n.Translate> - </h2> - <Time timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} format="dd MMMM yyyy, HH:mm" /> + </SubTitle> + <Time + timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} + format="dd MMMM yyyy, HH:mm" + /> <br /> <Part big @@ -457,10 +467,13 @@ export function TransactionView({ ).amount; return ( <TransactionTemplate> - <h2> + <SubTitle> <i18n.Translate>Refresh</i18n.Translate> - </h2> - <Time timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} format="dd MMMM yyyy, HH:mm" /> + </SubTitle> + <Time + timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} + format="dd MMMM yyyy, HH:mm" + /> <br /> <Part big @@ -491,10 +504,13 @@ export function TransactionView({ ).amount; return ( <TransactionTemplate> - <h2> + <SubTitle> <i18n.Translate>Tip</i18n.Translate> - </h2> - <Time timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} format="dd MMMM yyyy, HH:mm" /> + </SubTitle> + <Time + timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} + format="dd MMMM yyyy, HH:mm" + /> <br /> <Part big @@ -525,9 +541,9 @@ export function TransactionView({ ).amount; return ( <TransactionTemplate> - <h2> + <SubTitle> <i18n.Translate>Refund</i18n.Translate> - </h2> + </SubTitle> <Time timestamp={AbsoluteTime.fromTimestamp(transaction.timestamp)} format="dd MMMM yyyy, HH:mm" |