[Glitch] Slightly reorder three dots menu on toots to make it more intuitive
Port f5fefdc11aee24626d78480766fda878911f58b7 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
		
							parent
							
								
									28f533f370
								
							
						
					
					
						commit
						0e7484209c
					
				@ -193,9 +193,10 @@ class StatusActionBar extends ImmutablePureComponent {
 | 
				
			|||||||
  render () {
 | 
					  render () {
 | 
				
			||||||
    const { status, intl, withDismiss, showReplyCount, directMessage, scrollKey } = this.props;
 | 
					    const { status, intl, withDismiss, showReplyCount, directMessage, scrollKey } = this.props;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    const mutingConversation = status.get('muted');
 | 
					 | 
				
			||||||
    const anonymousAccess    = !me;
 | 
					    const anonymousAccess    = !me;
 | 
				
			||||||
 | 
					    const mutingConversation = status.get('muted');
 | 
				
			||||||
    const publicStatus       = ['public', 'unlisted'].includes(status.get('visibility'));
 | 
					    const publicStatus       = ['public', 'unlisted'].includes(status.get('visibility'));
 | 
				
			||||||
 | 
					    const writtenByMe        = status.getIn(['account', 'id']) === me;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    let menu = [];
 | 
					    let menu = [];
 | 
				
			||||||
    let reblogIcon = 'retweet';
 | 
					    let reblogIcon = 'retweet';
 | 
				
			||||||
@ -211,16 +212,17 @@ class StatusActionBar extends ImmutablePureComponent {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    menu.push(null);
 | 
					    menu.push(null);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    if (status.getIn(['account', 'id']) === me || withDismiss) {
 | 
					    if (writtenByMe && publicStatus) {
 | 
				
			||||||
 | 
					      menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });
 | 
				
			||||||
 | 
					      menu.push(null);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    if (writtenByMe || withDismiss) {
 | 
				
			||||||
      menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });
 | 
					      menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });
 | 
				
			||||||
      menu.push(null);
 | 
					      menu.push(null);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    if (status.getIn(['account', 'id']) === me) {
 | 
					    if (writtenByMe) {
 | 
				
			||||||
      if (publicStatus) {
 | 
					 | 
				
			||||||
        menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });
 | 
					 | 
				
			||||||
      }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
      menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick });
 | 
					      menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick });
 | 
				
			||||||
      menu.push({ text: intl.formatMessage(messages.redraft), action: this.handleRedraftClick });
 | 
					      menu.push({ text: intl.formatMessage(messages.redraft), action: this.handleRedraftClick });
 | 
				
			||||||
    } else {
 | 
					    } else {
 | 
				
			||||||
 | 
				
			|||||||
@ -145,8 +145,9 @@ class ActionBar extends React.PureComponent {
 | 
				
			|||||||
  render () {
 | 
					  render () {
 | 
				
			||||||
    const { status, intl } = this.props;
 | 
					    const { status, intl } = this.props;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    const publicStatus = ['public', 'unlisted'].includes(status.get('visibility'));
 | 
					    const publicStatus       = ['public', 'unlisted'].includes(status.get('visibility'));
 | 
				
			||||||
    const mutingConversation = status.get('muted');
 | 
					    const mutingConversation = status.get('muted');
 | 
				
			||||||
 | 
					    const writtenByMe        = status.getIn(['account', 'id']) === me;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    let menu = [];
 | 
					    let menu = [];
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -156,12 +157,12 @@ class ActionBar extends React.PureComponent {
 | 
				
			|||||||
      menu.push(null);
 | 
					      menu.push(null);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    if (me === status.getIn(['account', 'id'])) {
 | 
					    if (writtenByMe) {
 | 
				
			||||||
      if (publicStatus) {
 | 
					      if (publicStatus) {
 | 
				
			||||||
        menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });
 | 
					        menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });
 | 
				
			||||||
 | 
					        menu.push(null);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      menu.push(null);
 | 
					 | 
				
			||||||
      menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });
 | 
					      menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });
 | 
				
			||||||
      menu.push(null);
 | 
					      menu.push(null);
 | 
				
			||||||
      menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick });
 | 
					      menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick });
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user