Merge pull request #258 from poanetwork/ens-fix

(Fix) ENS validation fix for Send transaction screen

old-ui/app/components/ens-input.js

@@ -117,7 +117,7 @@ EnsInput.prototype.lookupEnsName = function () {
       toError: null,
     }
     if (isValidENSAddress(recipient) && reason.message === 'ENS name not defined.') {
-      setStateObj.hoverText = this.context.t('ensNameNotFound')
+      setStateObj.hoverText = 'ENS name not found'
       setStateObj.toError = 'ensNameNotFound'
       setStateObj.ensFailure = false
     } else {
@@ -147,7 +147,8 @@ EnsInput.prototype.ensIcon = function (recipient) {
     title: hoverText,
     style: {
       position: 'absolute',
-      padding: '9px',
+      padding: '6px 0px',
+      right: '0px',
       transform: 'translatex(-40px)',
     },
   }, this.ensIconContents(recipient))
@@ -165,17 +166,26 @@ EnsInput.prototype.ensIconContents = function (recipient) {
         width: '30px',
         height: '30px',
         transform: 'translateY(-6px)',
+        marginRight: '-5px',
       },
     })
   }
 
   if (ensFailure) {
-    return h('i.fa.fa-warning.fa-lg.warning')
+    return h('i.fa.fa-warning.fa-lg.warning', {
+      style: {
+        color: '#df2265',
+        background: 'white',
+      },
+    })
   }
 
   if (ensResolution && (ensResolution !== ZERO_ADDRESS)) {
     return h('i.fa.fa-check-circle.fa-lg.cursor-pointer', {
-      style: { color: 'green' },
+      style: {
+        color: '#60db97',
+        background: 'white',
+      },
       onClick: (event) => {
         event.preventDefault()
         event.stopPropagation()

old-ui/app/components/send/send-token.js

@@ -184,8 +184,16 @@ class SendTransactionScreen extends PersistentForm {
   async onSubmit () {
     const state = this.state || {}
     const { token, amount } = state
-    const recipient = state.recipient || document.querySelector('input[name="address"]').value.replace(/^[.\s]+|[.\s]+$/g, '')
-    const nickname = state.nickname || ' '
+    let recipient = state.recipient || document.querySelector('input[name="address"]').value.replace(/^[.\s]+|[.\s]+$/g, '')
+    let nickname = state.nickname || ' '
+    if (typeof recipient === 'object') {
+      if (recipient.toAddress) {
+        recipient = recipient.toAddress
+      }
+      if (recipient.nickname) {
+        nickname = recipient.nickname
+      }
+    }
     const parts = amount.split('.')
 
     let message

old-ui/app/components/send/send.js

@@ -163,8 +163,16 @@ SendTransactionScreen.prototype.recipientDidChange = function (recipient, nickna
 
 SendTransactionScreen.prototype.onSubmit = function () {
   const state = this.state || {}
-  const recipient = state.recipient || document.querySelector('input[name="address"]').value.replace(/^[.\s]+|[.\s]+$/g, '')
-  const nickname = state.nickname || ' '
+  let recipient = state.recipient || document.querySelector('input[name="address"]').value.replace(/^[.\s]+|[.\s]+$/g, '')
+  let nickname = state.nickname || ' '
+  if (typeof recipient === 'object') {
+    if (recipient.toAddress) {
+      recipient = recipient.toAddress
+    }
+    if (recipient.nickname) {
+      nickname = recipient.nickname
+    }
+  }
   const input = document.querySelector('input[name="amount"]').value
   const parts = input.split('.')