status-im/ens-usernames
2
0
Fork 0
mirror of https://github.com/status-im/ens-usernames.git synced 2025-02-17 12:57:00 +00:00
Code Issues Projects Releases Wiki Activity

add lookup to ownership page

Browse Source
This commit is contained in:
Barry Gitarts 2018-09-28 14:20:58 -04:00 committed by Barry G
parent 15f636f4b1
commit b1e6242972
1 changed files with 40 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/ens/nameLookup.js
View File

@ -75,16 +75,9 @@ const DisplayBox = ({ displayType, pubKey }) => (
</div> </div>
); );
const MobileAddressDisplay = ({ domainName, address, statusAccount, releaseTime, defaultAccount, isOwner, edit, onSubmit }) => ( const MobileAddressDisplay = ({ domainName, address, statusAccount, releaseTime, defaultAccount, isOwner, edit, onSubmit, handleChange, values, handleSubmit }) => (
<Fragment> <Fragment>
<MobileSearch <LookupForm {...{ handleSubmit, values, handleChange }} justSearch />
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)' }}> <Info background={isOwner ? '#44D058' : '#000000'} style={{ margin: '0.4em', boxShadow: '0px 6px 10px rgba(0, 0, 0, 0.2)' }}>
<Typography variant="title" style={ <Typography variant="title" style={
{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' } { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' }
@ -93,7 +86,7 @@ const MobileAddressDisplay = ({ domainName, address, statusAccount, releaseTime,
<b>{formatName(domainName)}</b> <b>{formatName(domainName)}</b>
<div style={{ fontWeight: 300 }}> <div style={{ fontWeight: 300 }}>
{validTimestamp(releaseTime) && <i>Locked until {generatePrettyDate(releaseTime)}</i>} {validTimestamp(releaseTime) && <i>Locked until {generatePrettyDate(releaseTime)}</i>}
</div> </div>
</Typography> </Typography>
</Info> </Info>
<Typography type='subheading' style={{ textAlign: 'center', fontSize: '17px', fontWeight: '500', margin: '1.5em 0 0.3em 0' }}> <Typography type='subheading' style={{ textAlign: 'center', fontSize: '17px', fontWeight: '500', margin: '1.5em 0 0.3em 0' }}>
@ -114,7 +107,7 @@ const MobileAddressDisplay = ({ domainName, address, statusAccount, releaseTime,
{!edit && <DisplayBox displayType='Your wallet address' pubKey={address} />} {!edit && <DisplayBox displayType='Your wallet address' pubKey={address} />}
{!edit && validStatusAddress(statusAccount) && <DisplayBox displayType='Your contact code' pubKey={statusAccount} />} {!edit && validStatusAddress(statusAccount) && <DisplayBox displayType='Your contact code' pubKey={statusAccount} />}
</Fragment> </Fragment>
) )
class RenderAddresses extends PureComponent { class RenderAddresses extends PureComponent {
state = { copied: false, editMenu: false, editAction: false } state = { copied: false, editMenu: false, editAction: false }
@ -340,6 +333,7 @@ const InnerForm = ({
? <LookupForm {...{ handleSubmit, values, handleChange }} /> ? <LookupForm {...{ handleSubmit, values, handleChange }} />
: validAddress(status.address) || defaultAccount === status.ownerAddress ? : validAddress(status.address) || defaultAccount === status.ownerAddress ?
<DisplayAddress <DisplayAddress
{...{ handleSubmit, values, handleChange }}
domainName={values.domainName} domainName={values.domainName}
address={status.address} address={status.address}
statusAccount={status.statusAccount} statusAccount={status.statusAccount}