Add follow request banner on account header (#20785)
* Add requested_by to relationship maps * Display whether an account has requested to follow you on their profilelocal
parent
7a3c6bb888
commit
70415714f1
10 changed files with 127 additions and 4 deletions
@ -0,0 +1,37 @@ |
||||
import React from 'react'; |
||||
import ImmutablePropTypes from 'react-immutable-proptypes'; |
||||
import { FormattedMessage } from 'react-intl'; |
||||
import ImmutablePureComponent from 'react-immutable-pure-component'; |
||||
import Icon from 'mastodon/components/icon'; |
||||
|
||||
export default class FollowRequestNote extends ImmutablePureComponent { |
||||
|
||||
static propTypes = { |
||||
account: ImmutablePropTypes.map.isRequired, |
||||
}; |
||||
|
||||
render () { |
||||
const { account, onAuthorize, onReject } = this.props; |
||||
|
||||
return ( |
||||
<div className='follow-request-banner'> |
||||
<div className='follow-request-banner__message'> |
||||
<FormattedMessage id='account.requested_follow' defaultMessage='{name} has requested to follow you' values={{ name: <bdi><strong dangerouslySetInnerHTML={{ __html: account.get('display_name_html') }} /></bdi> }} /> |
||||
</div> |
||||
|
||||
<div className='follow-request-banner__action'> |
||||
<button type='button' className='button button-tertiary button--confirmation' onClick={onAuthorize}> |
||||
<Icon id='check' fixedWidth /> |
||||
<FormattedMessage id='follow_request.authorize' defaultMessage='Authorize' /> |
||||
</button> |
||||
|
||||
<button type='button' className='button button-tertiary button--destructive' onClick={onReject}> |
||||
<Icon id='times' fixedWidth /> |
||||
<FormattedMessage id='follow_request.reject' defaultMessage='Reject' /> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
} |
@ -0,0 +1,15 @@ |
||||
import { connect } from 'react-redux'; |
||||
import FollowRequestNote from '../components/follow_request_note'; |
||||
import { authorizeFollowRequest, rejectFollowRequest } from 'mastodon/actions/accounts'; |
||||
|
||||
const mapDispatchToProps = (dispatch, { account }) => ({ |
||||
onAuthorize () { |
||||
dispatch(authorizeFollowRequest(account.get('id'))); |
||||
}, |
||||
|
||||
onReject () { |
||||
dispatch(rejectFollowRequest(account.get('id'))); |
||||
}, |
||||
}); |
||||
|
||||
export default connect(null, mapDispatchToProps)(FollowRequestNote); |
Loading…
Reference in new issue