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}
/>
-
+