From b1e6242972e5db4029c88ed29900609213f8fa5a Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Fri, 28 Sep 2018 14:20:58 -0400
Subject: [PATCH] add lookup to ownership page

---
 app/components/ens/nameLookup.js | 86 +++++++++++++++-----------------
 1 file changed, 40 insertions(+), 46 deletions(-)

diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js
index 21a9b03..fc292d4 100644
--- a/app/components/ens/nameLookup.js
+++ b/app/components/ens/nameLookup.js
@@ -75,46 +75,39 @@ const DisplayBox = ({ displayType, pubKey }) => (
   </div>
 );
 
-const MobileAddressDisplay = ({ domainName, address, statusAccount, releaseTime, defaultAccount, isOwner, edit, onSubmit }) => (
-  <Fragment>
-    <MobileSearch
-        search
-        name="domainName"
-        placeholder='Search for available name'
-        // value={values.domainName}
-        // onChange={handleChange}
-        required
-        wide />
-    <Info background={isOwner ? '#44D058' : '#000000'} style={{ margin: '0.4em', boxShadow: '0px 6px 10px rgba(0, 0, 0, 0.2)' }}>
-      <Typography variant="title" style={
-        { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' }
-      }>
-        {isOwner ? <Face style={{ marginBottom: '0.5em', fontSize: '2em' }} /> : <NotInterested style={{ marginBottom: '0.5em', fontSize: '2em' }}/>}
-        <b>{formatName(domainName)}</b>
+  const MobileAddressDisplay = ({ domainName, address, statusAccount, releaseTime, defaultAccount, isOwner, edit, onSubmit, handleChange, values, handleSubmit }) => (
+    <Fragment>
+      <LookupForm {...{ handleSubmit, values, handleChange }} justSearch />
+      <Info background={isOwner ? '#44D058' : '#000000'} style={{ margin: '0.4em', boxShadow: '0px 6px 10px rgba(0, 0, 0, 0.2)' }}>
+        <Typography variant="title" style={
+          { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' }
+        }>
+          {isOwner ? <Face style={{ marginBottom: '0.5em', fontSize: '2em' }} /> : <NotInterested style={{ marginBottom: '0.5em', fontSize: '2em' }}/>}
+          <b>{formatName(domainName)}</b>
         <div style={{ fontWeight: 300 }}>
           {validTimestamp(releaseTime) && <i>Locked until {generatePrettyDate(releaseTime)}</i>}
-        </div>
-      </Typography>
-    </Info>
-    <Typography type='subheading' style={{ textAlign: 'center', fontSize: '17px', fontWeight: '500', margin: '1.5em 0 0.3em 0' }}>
+</div>
+        </Typography>
+      </Info>
+      <Typography type='subheading' style={{ textAlign: 'center', fontSize: '17px', fontWeight: '500', margin: '1.5em 0 0.3em 0' }}>
         Registered {validTimestamp(expirationTime)}
-    </Typography>
-    <Typography type='body2' style={{ textAlign: 'center', margin: 10 }}>
-      {edit
-       ? 'The contact code connects the domain with a unique Status account'
-       : validAddress(address) ? 'to the addresses below' : 'Click \'Edit\' to add a valid address and contact code'}
-    </Typography>
-    {edit && <RegisterSubDomain
-      subDomain={domainName}
-      domainName="stateofus.eth"
-      domainPrice="DO NOT SHOW"
-      editAccount={true}
-      preRegisteredCallback={onSubmit}
-      registeredCallbackFn={console.log} />}
-    {!edit && <DisplayBox displayType='Your wallet address' pubKey={address} />}
-    {!edit && validStatusAddress(statusAccount) && <DisplayBox displayType='Your contact code' pubKey={statusAccount} />}
-  </Fragment>
-)
+      </Typography>
+      <Typography type='body2' style={{ textAlign: 'center', margin: 10 }}>
+        {edit
+         ? 'The contact code connects the domain with a unique Status account'
+         : validAddress(address) ? 'to the addresses below' : 'Click \'Edit\' to add a valid address and contact code'}
+      </Typography>
+      {edit && <RegisterSubDomain
+                 subDomain={domainName}
+                 domainName="stateofus.eth"
+                 domainPrice="DO NOT SHOW"
+                 editAccount={true}
+                 preRegisteredCallback={onSubmit}
+                 registeredCallbackFn={console.log} />}
+      {!edit && <DisplayBox displayType='Your wallet address' pubKey={address} />}
+      {!edit && validStatusAddress(statusAccount) && <DisplayBox displayType='Your contact code' pubKey={statusAccount} />}
+    </Fragment>
+  )
 
 class RenderAddresses extends PureComponent {
   state = { copied: false, editMenu: false, editAction: false }
@@ -340,6 +333,7 @@ const InnerForm = ({
      ? <LookupForm {...{ handleSubmit, values, handleChange }} />
      : validAddress(status.address) || defaultAccount === status.ownerAddress ?
      <DisplayAddress
+       {...{ handleSubmit, values, handleChange }}
        domainName={values.domainName}
        address={status.address}
        statusAccount={status.statusAccount}
@@ -347,15 +341,15 @@ const InnerForm = ({
        ownerAddress={status.ownerAddress}
        registryOwnsDomain={status.registryOwnsDomain}
        setStatus={setStatus} /> :
-       <div>
-          <LookupForm {...{ handleSubmit, values, handleChange }} justSearch />
-          <ConnectedRegister
-            style={{ position: 'relative' }}
-            setStatus={setStatus}
-            registryOwnsDomain={status.registryOwnsDomain}
-            ownerAddress={status.ownerAddress}
-            domainName={values.domainName}  />
-       </div>
+     <div>
+       <LookupForm {...{ handleSubmit, values, handleChange }} justSearch />
+       <ConnectedRegister
+         style={{ position: 'relative' }}
+         setStatus={setStatus}
+         registryOwnsDomain={status.registryOwnsDomain}
+         ownerAddress={status.ownerAddress}
+         domainName={values.domainName}  />
+     </div>
     }
   </div>
 )