diff --git a/CHANGELOG.md b/CHANGELOG.md index ed517820bd..b02a1e5ec4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,7 +1,8 @@ # Changelog ## Unreleased -- Fix long transaction notes to show fully on multiple lines when necessary +- Fix long transaction notes to show fully on multiple lines when necessary +- Improve send-to-self transactions in account overview # 4.46.2 - Fix Linux blank screen issue related to the local mimetype database diff --git a/backend/coins/btc/handlers/handlers.go b/backend/coins/btc/handlers/handlers.go index 14052c311a..2ce8e87ad8 100644 --- a/backend/coins/btc/handlers/handlers.go +++ b/backend/coins/btc/handlers/handlers.go @@ -219,10 +219,10 @@ func (handlers *Handlers) getTxInfoJSON(txInfo *accounts.TransactionData, detail Time: formattedTime, Addresses: addresses, Note: handlers.account.TxNote(txInfo.InternalID), + Fee: feeString, } if detail { - txInfoJSON.Fee = feeString switch handlers.account.Coin().(type) { case *btc.Coin: txInfoJSON.VSize = txInfo.VSize diff --git a/frontends/web/src/components/transactions/components/arrows.tsx b/frontends/web/src/components/transactions/components/arrows.tsx index 65d847bea8..5f7ed8fff7 100644 --- a/frontends/web/src/components/transactions/components/arrows.tsx +++ b/frontends/web/src/components/transactions/components/arrows.tsx @@ -18,7 +18,7 @@ import type { TTransactionStatus, TTransactionType } from '@/api/account'; import { ArrowFloorDownGreen, ArrowUTurn, ArrowFloorUpRed, Warning } from '@/components/icon/icon'; type TProps = { - status: TTransactionStatus; + status?: TTransactionStatus; type: TTransactionType; }; diff --git a/frontends/web/src/components/transactions/transaction.module.css b/frontends/web/src/components/transactions/transaction.module.css index 9c6bf60e6f..65dac9256b 100644 --- a/frontends/web/src/components/transactions/transaction.module.css +++ b/frontends/web/src/components/transactions/transaction.module.css @@ -106,6 +106,15 @@ font-size: 12px; } +.txSmallInlineIcon img { + max-height: 15px; + max-width: 15px; + vertical-align: text-bottom; +} +.txConversionAmount .txSmallInlineIcon { + padding-right: var(--space-eight); +} + .txNote { color: var(--color-secondary); display: block; diff --git a/frontends/web/src/components/transactions/transaction.tsx b/frontends/web/src/components/transactions/transaction.tsx index 75c74a5782..b33805cef9 100644 --- a/frontends/web/src/components/transactions/transaction.tsx +++ b/frontends/web/src/components/transactions/transaction.tsx @@ -28,12 +28,13 @@ import { getTxSign } from './utils'; import styles from './transaction.module.css'; type TTransactionProps = ITransaction & { - onShowDetail: (internalID: ITransaction['internalID']) => void + onShowDetail: (internalID: ITransaction['internalID']) => void; } export const Transaction = ({ addresses, amountAtTime, + fee, onShowDetail, internalID, note, @@ -65,7 +66,11 @@ export const Transaction = ({ time={time} type={type} /> - +