bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'tabs-bar-conditional-counters' into 'develop'

Browse source 
TabsBar: display counters only on profile pages where they're needed

See merge request soapbox-pub/soapbox-fe!805
This commit is contained in:
Alex Gleason 2021-10-19 22:54:15 +00:00
commit 02de1af9fe
1 changed files with 44 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/soapbox/features/ui/components/tabs_bar.js
View file

@ -53,9 +53,19 @@ class TabsBar extends React.PureComponent {
return pathname === '/' || pathname.startsWith('/timeline/');
}
onProfilePage = () => {
try {
const { pathname } = this.context.router.route.location;
return pathname.startsWith('/@') && !pathname.includes('/posts/');
} catch {
return false;
}
}
render() {
const { intl, account, logo, onOpenCompose, onOpenSidebar, features, dashboardCount, notificationCount, chatsCount } = this.props;
const { collapsed } = this.state;
const profilePage = this.onProfilePage();
const classes = classNames('tabs-bar', {
'tabs-bar--collapsed': collapsed,
@ -83,6 +93,8 @@ class TabsBar extends React.PureComponent {
</div>
<div className='tabs-bar__split tabs-bar__split--right'>
{account ? (
<>
{profilePage && (
<>
<NavLink key='notifications' className='tabs-bar__link' to='/notifications' data-preview-title-id='column.notifications'>
<IconWithCounter
@ -117,6 +129,8 @@ class TabsBar extends React.PureComponent {
<span><FormattedMessage id='tabs_bar.dashboard' defaultMessage='Dashboard' /></span>
</NavLink>
)}
</>
)}
<ThemeToggle />
<div className='tabs-bar__profile'>