qml: show unrelated tx also in top InfoTextArea

electrum/gui/qml/components/TxDetails.qml

@@ -55,27 +55,17 @@ Pane {
                         Layout.columnSpan: 2
                         Layout.fillWidth: true
                         Layout.bottomMargin: constants.paddingLarge
-                        visible: txdetails.canBump || txdetails.canCpfp || txdetails.canCancel || txdetails.canRemove
+                        visible: txdetails.canBump || txdetails.canCpfp || txdetails.canCancel || txdetails.canRemove || txdetails.isUnrelated
-                        text: txdetails.canRemove
+                        text: txdetails.isUnrelated
-                            ? qsTr('This transaction is local to your wallet. It has not been published yet.')
+                            ? qsTr('Transaction is unrelated to this wallet')
-                            : qsTr('This transaction is still unconfirmed.') + '\n' + (txdetails.canCancel
+                            : txdetails.canRemove
-                                ? qsTr('You can bump its fee to speed up its confirmation, or cancel this transaction')
+                                ? qsTr('This transaction is local to your wallet. It has not been published yet.')
-                                : qsTr('You can bump its fee to speed up its confirmation'))
+                                : qsTr('This transaction is still unconfirmed.') + '\n' + (txdetails.canCancel
-                    }
+                                    ? qsTr('You can bump its fee to speed up its confirmation, or cancel this transaction')
-
+                                    : qsTr('You can bump its fee to speed up its confirmation'))
-                    RowLayout {
+                        iconStyle: txdetails.isUnrelated
-                        Layout.fillWidth: true
+                            ? InfoTextArea.IconStyle.Warn
-                        Layout.columnSpan: 2
+                            : InfoTextArea.IconStyle.Info
-                        visible: txdetails.isUnrelated
-                        Image {
-                            source: '../../icons/warning.png'
-                            Layout.preferredWidth: constants.iconSizeSmall
-                            Layout.preferredHeight: constants.iconSizeSmall
-                        }
-                        Label {
-                            text: qsTr('Transaction is unrelated to this wallet')
-                            color: Material.accentColor
-                        }
                     }
 
                     Label {