From f8b54d229f70cb726511bcd35e1440618e487672 Mon Sep 17 00:00:00 2001
From: ThibG <thib@sitedethib.com>
Date: Tue, 18 Sep 2018 03:57:13 +0200
Subject: Fix “Toots” tab highlighting for replies and media timelines (#8715)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../mastodon/features/account/components/action_bar.js | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
(limited to 'app/javascript')
diff --git a/app/javascript/mastodon/features/account/components/action_bar.js b/app/javascript/mastodon/features/account/components/action_bar.js
index ac4af3d6b..c9ae2df98 100644
--- a/app/javascript/mastodon/features/account/components/action_bar.js
+++ b/app/javascript/mastodon/features/account/components/action_bar.js
@@ -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>
--
cgit