From bd9d7b96df6a461249581e05466552eef666036e Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Sat, 11 Aug 2018 20:13:05 -0400
Subject: [PATCH] ensure lowercase on mobile search input

---
 app/components/ens/nameLookup.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js
index f1ff856..f76eed2 100644
--- a/app/components/ens/nameLookup.js
+++ b/app/components/ens/nameLookup.js
@@ -207,7 +207,7 @@ const DisplayAddress = connect(mapStateToProps)((props) => (
   </Fragment>
 ))
 
-const LookupForm = ({ handleSubmit, values, handleChange, justSearch }) => (
+const LookupForm = ({ handleSubmit, values, handleChange, justSearch, setFieldValue }) => (
   <Fragment>
     <form onSubmit={handleSubmit} onBlur={handleSubmit} >
       <Hidden mdDown>
@@ -226,7 +226,7 @@ const LookupForm = ({ handleSubmit, values, handleChange, justSearch }) => (
           name="domainName"
           placeholder='Search for vacant name'
           value={values.domainName}
-          onChange={handleChange}
+          onChange={ev => onDomainNameChange(ev, setFieldValue)}
           required
           wide />
         {!justSearch && <Typography variant="subheading" style={{ color: '#939ba1', textAlign: 'center', marginTop: '25vh' }}>
@@ -252,7 +252,8 @@ const InnerForm = ({
   handleSubmit,
   isSubmitting,
   status,
-  setStatus
+  setStatus,
+  setFieldValue
 }) => (
   <div>
     <Hidden mdDown>
@@ -262,7 +263,7 @@ const InnerForm = ({
       </span>
     </Hidden>
     {!status
-     ? <LookupForm {...{ handleSubmit, values, handleChange }} />
+     ? <LookupForm {...{ handleSubmit, values, handleChange, setFieldValue }} />
      : validAddress(status.address) ?
      <DisplayAddress
        domainName={values.domainName}
@@ -281,6 +282,11 @@ const InnerForm = ({
   </div>
 )
 
+const onDomainNameChange = (e, setFieldValue) => {
+  const domain = e.target.value.toLowerCase();
+  setFieldValue('domainName', domain, false)
+}
+
 const NameLookup = withFormik({
   mapPropsToValues: props => ({ domainName: '' }),
   async handleSubmit(values, { status, setSubmitting, setStatus }) {