* Make "unfollow" undo pending outgoing follow request too * Add cancel button to web UI when awaiting follow request approval * Make the hourglass button do the cancelling
		
			
				
	
	
		
			68 lines
		
	
	
	
		
			2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			68 lines
		
	
	
	
		
			2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import React from 'react';
 | 
						|
import { connect } from 'react-redux';
 | 
						|
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 | 
						|
import { makeGetAccount } from '../selectors';
 | 
						|
import Account from '../components/account';
 | 
						|
import {
 | 
						|
  followAccount,
 | 
						|
  unfollowAccount,
 | 
						|
  blockAccount,
 | 
						|
  unblockAccount,
 | 
						|
  muteAccount,
 | 
						|
  unmuteAccount,
 | 
						|
} from '../actions/accounts';
 | 
						|
import { openModal } from '../actions/modal';
 | 
						|
 | 
						|
const messages = defineMessages({
 | 
						|
  unfollowConfirm: { id: 'confirmations.unfollow.confirm', defaultMessage: 'Unfollow' },
 | 
						|
});
 | 
						|
 | 
						|
const makeMapStateToProps = () => {
 | 
						|
  const getAccount = makeGetAccount();
 | 
						|
 | 
						|
  const mapStateToProps = (state, props) => ({
 | 
						|
    account: getAccount(state, props.id),
 | 
						|
    me: state.getIn(['meta', 'me']),
 | 
						|
    unfollowModal: state.getIn(['meta', 'unfollow_modal']),
 | 
						|
  });
 | 
						|
 | 
						|
  return mapStateToProps;
 | 
						|
};
 | 
						|
 | 
						|
const mapDispatchToProps = (dispatch, { intl }) => ({
 | 
						|
 | 
						|
  onFollow (account) {
 | 
						|
    if (account.getIn(['relationship', 'following']) || account.getIn(['relationship', 'requested'])) {
 | 
						|
      if (this.unfollowModal) {
 | 
						|
        dispatch(openModal('CONFIRM', {
 | 
						|
          message: <FormattedMessage id='confirmations.unfollow.message' defaultMessage='Are you sure you want to unfollow {name}?' values={{ name: <strong>@{account.get('acct')}</strong> }} />,
 | 
						|
          confirm: intl.formatMessage(messages.unfollowConfirm),
 | 
						|
          onConfirm: () => dispatch(unfollowAccount(account.get('id'))),
 | 
						|
        }));
 | 
						|
      } else {
 | 
						|
        dispatch(unfollowAccount(account.get('id')));
 | 
						|
      }
 | 
						|
    } else {
 | 
						|
      dispatch(followAccount(account.get('id')));
 | 
						|
    }
 | 
						|
  },
 | 
						|
 | 
						|
  onBlock (account) {
 | 
						|
    if (account.getIn(['relationship', 'blocking'])) {
 | 
						|
      dispatch(unblockAccount(account.get('id')));
 | 
						|
    } else {
 | 
						|
      dispatch(blockAccount(account.get('id')));
 | 
						|
    }
 | 
						|
  },
 | 
						|
 | 
						|
  onMute (account) {
 | 
						|
    if (account.getIn(['relationship', 'muting'])) {
 | 
						|
      dispatch(unmuteAccount(account.get('id')));
 | 
						|
    } else {
 | 
						|
      dispatch(muteAccount(account.get('id')));
 | 
						|
    }
 | 
						|
  },
 | 
						|
 | 
						|
});
 | 
						|
 | 
						|
export default injectIntl(connect(makeMapStateToProps, mapDispatchToProps)(Account));
 |