bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ComposeModal: conditional title when replying

Browse source
This commit is contained in:
Alex Gleason 2021-11-12 12:28:58 -06:00
parent a354fd325d
commit 47a3ecc30e
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/soapbox/features/ui/components/compose_modal.js
View file

@ -20,6 +20,7 @@ const mapStateToProps = state => {
account: state.getIn(['accounts', me]),
composeText: state.getIn(['compose', 'text']),
privacy: state.getIn(['compose', 'privacy']),
inReplyTo: state.getIn(['compose', 'in_reply_to']),
};
};
@ -31,6 +32,7 @@ class ComposeModal extends ImmutablePureComponent {
onClose: PropTypes.func.isRequired,
composeText: PropTypes.string,
privacy: PropTypes.string,
inReplyTo: PropTypes.string,
dispatch: PropTypes.func.isRequired,
};
@ -49,18 +51,26 @@ class ComposeModal extends ImmutablePureComponent {
}
};
renderTitle = () => {
const { privacy, inReplyTo } = this.props;
if (privacy === 'direct') {
return <FormattedMessage id='navigation_bar.compose_direct' defaultMessage='Direct message' />;
} else if (inReplyTo) {
return <FormattedMessage id='navigation_bar.compose_reply' defaultMessage='Reply to post' />;
} else {
return <FormattedMessage id='navigation_bar.compose' defaultMessage='Compose new post' />;
}
}
render() {
const { intl, privacy } = this.props;
const { intl } = this.props;
return (
<div className='modal-root__modal compose-modal'>
<div className='compose-modal__header'>
<h3 className='compose-modal__header__title'>
{privacy === 'direct' ? (
<FormattedMessage id='navigation_bar.compose_direct' defaultMessage='Direct message' />
) : (
<FormattedMessage id='navigation_bar.compose' defaultMessage='Compose new post' />
)}
{this.renderTitle()}
</h3>
<IconButton
className='compose-modal__close'