forked from treehouse/mastodon
[Glitch] Fix “Toots” tab highlighting for replies and media timelines
Port front-end changes from f8b54d229f
signup-info-prompt
parent
925c185ef9
commit
c1701ae2a8
|
@ -52,6 +52,13 @@ export default class ActionBar extends React.PureComponent {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
isStatusesPageActive = (match, location) => {
|
||||||
|
if (!match) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return !location.pathname.match(/\/(followers|following)\/?$/);
|
||||||
|
}
|
||||||
|
|
||||||
render () {
|
render () {
|
||||||
const { account, intl } = this.props;
|
const { account, intl } = this.props;
|
||||||
|
|
||||||
|
@ -136,7 +143,7 @@ export default class ActionBar extends React.PureComponent {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='account__action-bar-links'>
|
<div className='account__action-bar-links'>
|
||||||
<NavLink exact activeClassName='active' className='account__action-bar__tab' to={`/accounts/${account.get('id')}`}>
|
<NavLink isActive={this.isStatusesPageActive} activeClassName='active' className='account__action-bar__tab' to={`/accounts/${account.get('id')}`}>
|
||||||
<FormattedMessage id='account.posts' defaultMessage='Posts' />
|
<FormattedMessage id='account.posts' defaultMessage='Posts' />
|
||||||
<strong><FormattedNumber value={account.get('statuses_count')} /></strong>
|
<strong><FormattedNumber value={account.get('statuses_count')} /></strong>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
|
|
Loading…
Reference in New Issue