indicate to user if registry owns domain

This commit is contained in:
Barry Gitarts 2018-08-29 14:43:43 -04:00
parent e5491d48fd
commit 4b511cd7b5
2 changed files with 9 additions and 7 deletions

View File

@ -151,7 +151,7 @@ class RenderAddresses extends PureComponent {
} }
} }
const RegisterInfoCard = ({ formattedDomain, domainPrice }) => ( const RegisterInfoCard = ({ formattedDomain, domainPrice, registryOwnsDomain }) => (
<Fragment> <Fragment>
<Hidden mdDown> <Hidden mdDown>
<Info.Action title="No address is associated with this domain"> <Info.Action title="No address is associated with this domain">
@ -173,7 +173,9 @@ const RegisterInfoCard = ({ formattedDomain, domainPrice }) => (
</Hidden> </Hidden>
<Hidden mdUp> <Hidden mdUp>
<Typography style={{ textAlign: 'center', padding: '1.5em' }}> <Typography style={{ textAlign: 'center', padding: '1.5em' }}>
This name will be pointed to the wallet address and contact code below {registryOwnsDomain ?
'This name will be pointed to the wallet address and contact code below' :
'This domain is not owned by the registy'}
</Typography> </Typography>
</Hidden> </Hidden>
</Fragment> </Fragment>
@ -214,18 +216,18 @@ class Register extends PureComponent {
const { domainPrice, registered, submitted } = this.state; const { domainPrice, registered, submitted } = this.state;
const formattedDomain = formatName(domainName); const formattedDomain = formatName(domainName);
const formattedDomainArray = formattedDomain.split('.'); const formattedDomainArray = formattedDomain.split('.');
console.log({registryOwnsDomain})
return ( return (
<div style={style}> <div style={style}>
{!registered && !submitted ? {!registered && !submitted ?
<Fragment> <Fragment>
<RegisterInfoCard {...{ formattedDomain, domainPrice }}/> <RegisterInfoCard {...{ formattedDomain, domainPrice, registryOwnsDomain }}/>
<RegisterSubDomain {registryOwnsDomain &&
<RegisterSubDomain
subDomain={formattedDomainArray[0]} subDomain={formattedDomainArray[0]}
domainName={formattedDomainArray.slice(1).join('.')} domainName={formattedDomainArray.slice(1).join('.')}
domainPrice={domainPrice} domainPrice={domainPrice}
preRegisteredCallback={() => { this.setState({ submitted: true }) }} preRegisteredCallback={() => { this.setState({ submitted: true }) }}
registeredCallbackFn={this.onRegistered} /> registeredCallbackFn={this.onRegistered} />}
</Fragment> : </Fragment> :
submitted && !registered ? <TransactionComplete type="registered" setStatus={setStatus} /> : <RenderAddresses {...this.props} address={registered.address} statusAccount={registered.statusAccount} />} submitted && !registered ? <TransactionComplete type="registered" setStatus={setStatus} /> : <RenderAddresses {...this.props} address={registered.address} statusAccount={registered.statusAccount} />}
</div> </div>

View File

@ -62,7 +62,7 @@ class App extends React.Component {
</div> </div>
</Fade>} </Fade>}
{searching && <Fade in={searching}> {searching && <Fade in={searching}>
<Web3Render ready={isRopsten} network="ropsten"> <Web3Render ready={isMainnet} network="ropsten">
<div> <div>
<NameLookup /> <NameLookup />
<Hidden mdDown> <Hidden mdDown>