add input success correlation message

massalabs · May 21, 2024 · 824e67d · 824e67d
1 parent a3d38fd
commit 824e67d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/web-frontend/package-lock.json b/web-frontend/package-lock.json
diff --git a/web-frontend/src/pages/TransferCoins/SendCoins/SendForm.tsx b/web-frontend/src/pages/TransferCoins/SendCoins/SendForm.tsx
@@ -316,15 +316,15 @@ export function SendForm(props: SendFormProps) {
             name="recipientAddress"
             onChange={(e) => handleRecipientChange(e)}
             error={error?.recipient}
+            success={
+              mnsAddressCorrelation
+                ? Intl.t('send-coins.mns.mns-correlation', {
+                    mns: recipient,
+                    address: targetMnsAddress,
+                  })
+                : ''
+            }
           />
-          {mnsAddressCorrelation && (
-            <div className="mas-caption text-brand">
-              {Intl.t('send-coins.mns.mns-correlation', {
-                mns: recipient,
-                address: targetMnsAddress,
-              })}
-            </div>
-          )}
         </div>
         {filteredAccounts.length > 0 && (
           <div className="flex flex-row-reverse pb-3.5">