status-im
/
ens-usernames
mirror of https://github.com/status-im/ens-usernames.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

add done screen for edits

This commit is contained in:
Barry Gitarts 2018-08-22 10:39:53 -04:00
parent 2c73777999
commit da14837b7d
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/components/ens/copy.js
View File

@ -12,5 +12,12 @@ export default {
body: 'The name is yours once the transaction is complete' body: 'The name is yours once the transaction is complete'
}, },
subheading: 'Follow the progress in the Transaction History section of your wallet.' subheading: 'Follow the progress in the Transaction History section of your wallet.'
},
edit: {
title: {
sub: 'Done!',
body: 'Your changes will be saved when the transaction is complete'
},
subheading: 'Follow the progress in the Transaction History section of your wallet.'
} }
} }

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

@ -66,7 +66,7 @@ const DisplayBox = ({ displayType, pubKey }) => (
</div> </div>
); );
const MobileAddressDisplay = ({ domainName, address, statusAccount, expirationTime, defaultAccount, isOwner, edit }) => ( const MobileAddressDisplay = ({ domainName, address, statusAccount, expirationTime, defaultAccount, isOwner, edit, onSubmit }) => (
<Fragment> <Fragment>
<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={
@ -92,6 +92,7 @@ const MobileAddressDisplay = ({ domainName, address, statusAccount, expirationTi
domainName="stateofus.eth" domainName="stateofus.eth"
domainPrice={60} domainPrice={60}
editAccount={true} editAccount={true}
preRegisteredCallback={onSubmit}
registeredCallbackFn={console.log} />} registeredCallbackFn={console.log} />}
{!edit && <DisplayBox displayType='Wallet Address' pubKey={address} />} {!edit && <DisplayBox displayType='Wallet Address' pubKey={address} />}
{!edit && validStatusAddress(statusAccount) && <DisplayBox displayType='Contact Code' pubKey={statusAccount} />} {!edit && validStatusAddress(statusAccount) && <DisplayBox displayType='Contact Code' pubKey={statusAccount} />}
@ -103,7 +104,7 @@ class RenderAddresses extends PureComponent {
render() { render() {
const { domainName, address, statusAccount, expirationTime, defaultAccount, ownerAddress } = this.props const { domainName, address, statusAccount, expirationTime, defaultAccount, ownerAddress } = this.props
const { copied, editMenu, editAction } = this.state const { copied, editMenu, editAction, submitted } = this.state
const markCopied = (v) => { this.setState({ copied: v }) } const markCopied = (v) => { this.setState({ copied: v }) }
const isCopied = address => address == copied; const isCopied = address => address == copied;
const renderCopied = address => isCopied(address) && <span style={{ color: theme.positive }}><IconCheck/>Copied!</span>; const renderCopied = address => isCopied(address) && <span style={{ color: theme.positive }}><IconCheck/>Copied!</span>;
@ -135,7 +136,7 @@ class RenderAddresses extends PureComponent {
</div> </div>
</Hidden> </Hidden>
<Hidden mdUp> <Hidden mdUp>
<MobileAddressDisplay {...this.props} isOwner={isOwner} edit={editAction === 'edit'} /> {submitted ? <TransactionComplete type='edit' /> : <MobileAddressDisplay {...this.props} isOwner={isOwner} edit={editAction === 'edit'} onSubmit={() => { this.setState({ submitted: true}) }}/>}
{isOwner && editAction !== 'edit' && <MobileButton text="Edit" style={{ marginLeft: '35%' }} onClick={() => { this.setState({ editMenu: true }) } }/>} {isOwner && editAction !== 'edit' && <MobileButton text="Edit" style={{ marginLeft: '35%' }} onClick={() => { this.setState({ editMenu: true }) } }/>}
<EditOptions open={editMenu} onClose={onClose} /> <EditOptions open={editMenu} onClose={onClose} />
<ReleaseDomainAlert open={editAction === 'release'} handleClose={closeReleaseAlert} /> <ReleaseDomainAlert open={editAction === 'release'} handleClose={closeReleaseAlert} />