hide release button before release time

This commit is contained in:
Barry Gitarts 2018-10-02 15:28:48 -04:00 committed by Barry G
parent 2db0c7171d
commit 00d88ba20a
2 changed files with 6 additions and 4 deletions

View File

@ -38,7 +38,7 @@ class SimpleDialog extends React.Component {
};
render() {
const { classes, onClose, selectedValue, ...other } = this.props;
const { classes, onClose, selectedValue, canBeReleased, ...other } = this.props;
return (
<Dialog classes={{paper: classes.paper,}} onClose={this.handleClose} fullWidth paperFullWidth style={{alignItems: 'flex-end'}} aria-labelledby="simple-dialog-title" {...other}>
@ -49,12 +49,12 @@ class SimpleDialog extends React.Component {
</ListItemIcon>
<ListItemText primary="Edit Contact Code" />
</ListItem>
<ListItem button onClick={() => this.handleListItemClick('release')}>
{canBeReleased && <ListItem button onClick={() => this.handleListItemClick('release')}>
<ListItemIcon>
<DeleteOutline />
</ListItemIcon>
<ListItemText primary="Release Name" />
</ListItem>
</ListItem>}
</List>
</Dialog>
);

View File

@ -66,6 +66,7 @@ const backButton = {
const validTimestamp = timestamp => Number(timestamp) > 99999999;
const generatePrettyDate = timestamp => new Date(timestamp * 1000).toDateString();
const pastReleaseDate = timestamp => new Date > new Date(timestamp * 1000);
const WrappedDisplayBox = ({ displayType, pubKey, getStatusContactCode }) => (
<div onClick={getStatusContactCode}>
@ -135,6 +136,7 @@ class RenderAddresses extends PureComponent {
const onClose = value => { this.setState({ editAction: value, editMenu: false }) }
const onClickEdit = () => { validAddress(address) ? this.setState({ editMenu: true }) : this.setState({ editAction: 'edit' }) }
const isOwner = defaultAccount === ownerAddress;
const canBeReleased = validTimestamp(releaseTime) && pastReleaseDate(releaseTime);
const closeReleaseAlert = value => {
if (!isNil(value)) {
this.setState({ submitted: true })
@ -164,7 +166,7 @@ class RenderAddresses extends PureComponent {
<Hidden mdUp>
{submitted ? <TransactionComplete type={editAction} setStatus={setStatus} /> : <MobileAddressDisplay {...this.props} isOwner={isOwner} edit={editAction === 'edit'} onSubmit={() => { this.setState({ submitted: true}) }}/>}
{isOwner && !editAction && <MobileButton text="Edit" style={{ margin: 'auto', display: 'block' }} onClick={onClickEdit}/>}
<EditOptions open={editMenu} onClose={onClose} />
<EditOptions open={editMenu} onClose={onClose} canBeReleased={canBeReleased} />
<ReleaseDomainAlert open={editAction === 'release' && !submitted} handleClose={closeReleaseAlert} />
</Hidden>
</Fragment>