Fix “Toots” tab highlighting for replies and media timelines (#8715)
This commit is contained in:
		
							parent
							
								
									9b32898e3c
								
							
						
					
					
						commit
						f8b54d229f
					
				
					 2 changed files with 9 additions and 2 deletions
				
			
		|  | @ -60,6 +60,13 @@ class ActionBar extends React.PureComponent { | |||
|     }); | ||||
|   } | ||||
| 
 | ||||
|   isStatusesPageActive = (match, location) => { | ||||
|     if (!match) { | ||||
|       return false; | ||||
|     } | ||||
|     return !location.pathname.match(/\/(followers|following)\/?$/); | ||||
|   } | ||||
| 
 | ||||
|   render () { | ||||
|     const { account, intl } = this.props; | ||||
| 
 | ||||
|  | @ -147,7 +154,7 @@ class ActionBar extends React.PureComponent { | |||
| 
 | ||||
|         <div className='account__action-bar'> | ||||
|           <div className='account__action-bar-links'> | ||||
|             <NavLink exact activeClassName='active' className='account__action-bar__tab' to={`/accounts/${account.get('id')}`} title={intl.formatNumber(account.get('statuses_count'))}> | ||||
|             <NavLink isActive={this.isStatusesPageActive} activeClassName='active' className='account__action-bar__tab' to={`/accounts/${account.get('id')}`} title={intl.formatNumber(account.get('statuses_count'))}> | ||||
|               <FormattedMessage id='account.posts' defaultMessage='Toots' /> | ||||
|               <strong>{shortNumberFormat(account.get('statuses_count'))}</strong> | ||||
|             </NavLink> | ||||
|  |  | |||
|  | @ -16,7 +16,7 @@ | |||
|             = fa_icon('lock') if account.locked? | ||||
|       .public-account-header__tabs__tabs | ||||
|         .details-counters | ||||
|           .counter{ class: active_nav_class(short_account_url(account)) } | ||||
|           .counter{ class: active_nav_class(short_account_url(account)) + active_nav_class(short_account_with_replies_url(account)) + active_nav_class(short_account_media_url(account)) } | ||||
|             = link_to short_account_url(account), class: 'u-url u-uid', title: number_with_delimiter(account.statuses_count) do | ||||
|               %span.counter-number= number_to_human account.statuses_count, strip_insignificant_zeros: true | ||||
|               %span.counter-label= t('accounts.posts', count: account.statuses_count) | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue