fix(AddEditSavedAddressPopup): Improve checksum validation UX

- Removed tooltip from checksum indicator on all platforms.
- Checksum mismatch is now treated as a standard error instead of a tooltip hint.
- Prevents adding an address with an invalid checksum.

Closes #19081

Author: noeliaSD

ui/StatusQ/src/StatusQ/Controls/StatusBaseInput.qml

@@ -222,7 +222,11 @@ Item {
         This property sets the visibility of the background. Default value is true.
     */
     property bool showBackground: true
-
+    /*!
+        \qmlproperty bool StatusBaseInput::warningMode
+        This property sets warning mode on the input
+    */
+    property bool warningMode: false
     /*!
         \qmlproperty StatusAssetSettings StatusBaseInput::icon
         This property holds a set of settings for the icon of the StatusBaseInput.
@@ -306,6 +310,9 @@ Item {
             if (!root.valid && root.dirty) {
                 return Theme.palette.dangerColor1
             }
+            if(root.warningMode) {
+                return Theme.palette.warningColor1
+            }
             if (edit.cursorVisible) {
                 return Theme.palette.primaryColor1
             }

ui/StatusQ/src/StatusQ/Controls/StatusInput.qml

@@ -233,6 +233,16 @@ Control {
         This property sets the pending validators to be considered.
     */
     property var pendingValidators: []
+    /*!
+        \qmlproperty bool StatusInput::warningMode
+        This property sets warning mode on the input
+    */
+    property bool warningMode: false
+    /*!
+        \qmlproperty string StatusInput::warningMessage
+        This property sets the warning message text.
+    */
+    property string warningMessage: ""
 
     /*!
         \qmlsignal
@@ -522,6 +532,7 @@ Control {
             Layout.bottomMargin: bottomRow.height > 0 ? labelPadding : 0
             maximumLength: root.charLimit
             font: root.font
+            warningMode: root.warningMode
             onTextChanged: root.validate()
             Keys.forwardTo: [root]
             onIconClicked: root.iconClicked()
@@ -586,7 +597,18 @@ Control {
                 color: Theme.palette.dangerColor1
                 wrapMode: Text.WordWrap
                 horizontalAlignment: Text.AlignRight
-            }            
+            }
+
+            StatusBaseText {
+                id: warningMessage
+                Layout.fillWidth: true
+                visible: !!text && root.warningMode && !errorMessage.visible
+                font.pixelSize: Theme.tertiaryTextFontSize
+                color: Theme.palette.warningColor1
+                wrapMode: Text.WordWrap
+                horizontalAlignment: Text.AlignRight
+                text: root.warningMessage
+            }
 
             StatusBaseText {
                 id: bottomLabelMessageRight

ui/app/AppLayouts/Wallet/popups/AddEditSavedAddressPopup.qml

@@ -102,8 +102,11 @@ StatusModal {
                                       || !d.editMode
                                       || d.colorId.toUpperCase() !== d.storedColorId.toUpperCase()
 
-        property bool incorrectChecksum: false
-
+        property bool incorrectChecksum: {
+            if (d.addressInputIsAddress) {
+                d.incorrectChecksum = !root.store.isChecksumValidForAddress(d.address)
+            }
+        }
 
         readonly property bool addressInputIsENS: !!d.ens &&
                                                   Utils.isValidEns(d.ens)
@@ -208,13 +211,6 @@ StatusModal {
             addressInput.errorMessageCmp.visible = true
         }
 
-        function checkIfAddressChecksumIsValid() {
-            d.incorrectChecksum = false
-            if (d.addressInputIsAddress) {
-                d.incorrectChecksum = !root.store.isChecksumValidForAddress(d.address)
-            }
-        }
-
         function checkForAddressInputErrorsWarnings() {
             addressInput.errorMessageCmp.visible = false
             addressInput.errorMessageCmp.color = Theme.palette.dangerColor1
@@ -244,7 +240,6 @@ StatusModal {
 
             if (d.addressInputIsAddress) {
                 d.checkForAddressInputOwningErrorsWarnings()
-                d.checkIfAddressChecksumIsValid()
                 return
             }
 
@@ -430,7 +425,7 @@ StatusModal {
                 enabled: !(d.editMode || d.addAddress)
                 input.edit.textFormat: TextEdit.RichText
                 input.rightComponent: (d.resolvingEnsNameInProgress || d.checkingContactsAddressInProgress) ?
-                    loadingIndicator : d.incorrectChecksum? incorrectChecksumComponent : null
+                                          loadingIndicator : null
                 input.asset.name: d.addressInputValid && !d.editMode ? "checkbox" : ""
                 input.asset.color: enabled ? Theme.palette.primaryColor1 : Theme.palette.baseColor1
                 input.asset.width: 17
@@ -439,6 +434,9 @@ StatusModal {
                 input.leftIcon: false
                 input.tabNavItem: nameInput
 
+                warningMode: d.incorrectChecksum
+                warningMessage: qsTr("Checksum of the entered address is incorrect")
+
                 multiline: true
 
                 property string plainText: input.edit.getText(0, text.length).trim()
@@ -449,18 +447,6 @@ StatusModal {
                     StatusLoadingIndicator {}
                 }
 
-                Component {
-                    id: incorrectChecksumComponent
-
-                    StatusIconWithTooltip {
-                        icon: "warning"
-                        width: 20
-                        height: 20
-                        color: Theme.palette.warningColor1
-                        tooltipText: qsTr("Checksum of the entered address is incorrect")
-                    }
-                }
-
                 onTextChanged: {
                     if (skipTextUpdate || !d.initialized)
                         return

ui/imports/shared/popups/addaccount/panels/WatchOnlyAddressSection.qml

@@ -60,27 +60,16 @@ Column {
         label: qsTr("Ethereum address or ENS name")
         placeholderText: qsTr("Type or paste ETH address")
         input.multiline: true
-        input.rightComponent: Row {
-            spacing: 8
-
-            StatusIconWithTooltip {
-                visible: d.incorrectChecksum
-                icon: "warning"
-                width: 20
-                height: 20
-                color: Theme.palette.warningColor1
-                tooltipText: qsTr("Checksum of the entered address is incorrect")
-            }
-
-            StatusButton {
-                anchors.verticalCenter: parent.verticalCenter
-                borderColor: Theme.palette.primaryColor1
-                size: StatusBaseButton.Size.Tiny
-                text: qsTr("Paste")
-                onClicked: {
-                    addressInput.text = ""
-                    addressInput.input.edit.paste()
-                }
+        warningMode: d.incorrectChecksum
+        warningMessage: qsTr("Checksum of the entered address is incorrect")
+        input.rightComponent: StatusButton {
+            anchors.verticalCenter: parent.verticalCenter
+            borderColor: Theme.palette.primaryColor1
+            size: StatusBaseButton.Size.Tiny
+            text: qsTr("Paste")
+            onClicked: {
+                addressInput.text = ""
+                addressInput.input.edit.paste()
             }
         }
         validators: [