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/wallet/Transaction.tsx | |
parent | 1ea598b048375c4043ac4faff13af0af6ae9b041 (diff) | |
download | wallet-core-d2cf75b782b63d7b217b14c0a3bdc953c5e3bca9.tar.xz |
rendring pending transation item
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/Transaction.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/Transaction.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx index ad00b3d1b..cc5430d0d 100644 --- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx +++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx @@ -22,7 +22,7 @@ import { useEffect, useState } from "preact/hooks"; import * as wxApi from "../wxApi"; import { Pages } from "../NavigationBar"; import emptyImg from "../../static/img/empty.png" -import { Button, ButtonBox, ButtonBoxDestructive, ButtonDestructive, ButtonPrimary, ExtraLargeText, FontIcon, LargeText, ListOfProducts, PopupBox, Row, RowBorderGray, SmallTextLight, WalletBox } from "../components/styled"; +import { Button, ButtonBox, ButtonBoxDestructive, ButtonDestructive, ButtonPrimary, ExtraLargeText, FontIcon, LargeText, ListOfProducts, PopupBox, Row, RowBorderGray, SmallLightText, WalletBox } from "../components/styled"; import { ErrorMessage } from "../components/ErrorMessage"; export function TransactionPage({ tid }: { tid: string; }): JSX.Element { @@ -94,7 +94,7 @@ export function TransactionView({ transaction, onDelete, onRetry, onBack }: Wall function Part({ text, title, kind, big }: { title: string, text: AmountLike, kind: Kind, big?: boolean }) { const Text = big ? ExtraLargeText : LargeText; return <div style={{ margin: '1em' }}> - <SmallTextLight style={{ margin: '.5em' }}>{title}</SmallTextLight> + <SmallLightText style={{ margin: '.5em' }}>{title}</SmallLightText> <Text style={{ color: kind == 'positive' ? 'green' : (kind == 'negative' ? 'red' : 'black') }}> {text} </Text> @@ -153,7 +153,7 @@ export function TransactionView({ transaction, onDelete, onRetry, onBack }: Wall <img src={p.image ? p.image : emptyImg} /> </a> <div> - {p.quantity && p.quantity > 0 && <SmallTextLight>x {p.quantity} {p.unit}</SmallTextLight>} + {p.quantity && p.quantity > 0 && <SmallLightText>x {p.quantity} {p.unit}</SmallLightText>} <div>{p.description}</div> </div> </RowBorderGray>)} @@ -235,7 +235,7 @@ export function TransactionView({ transaction, onDelete, onRetry, onBack }: Wall <img src={p.image ? p.image : emptyImg} /> </a> <div> - {p.quantity && p.quantity > 0 && <SmallTextLight>x {p.quantity} {p.unit}</SmallTextLight>} + {p.quantity && p.quantity > 0 && <SmallLightText>x {p.quantity} {p.unit}</SmallLightText>} <div>{p.description}</div> </div> </RowBorderGray>)} |