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

SidebarMenu: add links to local and Fediverse timelines

Browse source
This commit is contained in:
Alex Gleason 2021-09-26 12:21:23 -05:00
parent 1bf5021cfc
commit 06fddb26f3
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 23 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
app/soapbox/components/sidebar_menu.js
View file

@ -5,7 +5,7 @@ import { throttle } from 'lodash';
import { Link, NavLink } from 'react-router-dom'; import { Link, NavLink } from 'react-router-dom';
import ImmutablePropTypes from 'react-immutable-proptypes'; import ImmutablePropTypes from 'react-immutable-proptypes';
import ImmutablePureComponent from 'react-immutable-pure-component'; import ImmutablePureComponent from 'react-immutable-pure-component';
import { injectIntl, defineMessages } from 'react-intl'; import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
import classNames from 'classnames'; import classNames from 'classnames';
import Avatar from './avatar'; import Avatar from './avatar';
import IconButton from './icon_button'; import IconButton from './icon_button';
@ -66,6 +66,7 @@ const makeMapStateToProps = () => {
hasCrypto: typeof soapbox.getIn(['cryptoAddresses', 0, 'ticker']) === 'string', hasCrypto: typeof soapbox.getIn(['cryptoAddresses', 0, 'ticker']) === 'string',
otherAccounts: getOtherAccounts(state), otherAccounts: getOtherAccounts(state),
features, features,
siteTitle: instance.get('title'),
}; };
}; };
@ -155,7 +156,7 @@ class SidebarMenu extends ImmutablePureComponent {
} }
render() { render() {
const { sidebarOpen, intl, account, onClickLogOut, donateUrl, otherAccounts, hasCrypto, features } = this.props; const { sidebarOpen, intl, account, onClickLogOut, donateUrl, otherAccounts, hasCrypto, features, siteTitle } = this.props;
const { switcher } = this.state; const { switcher } = this.state;
if (!account) return null; if (!account) return null;
const acct = account.get('acct'); const acct = account.get('acct');
@ -198,7 +199,26 @@ class SidebarMenu extends ImmutablePureComponent {
</div> </div>
</div> </div>
<div className='sidebar-menu__section sidebar-menu__section'> <div className='sidebar-menu__section'>
{features.federating ? (
<NavLink to='/timeline/local' className='sidebar-menu-item' onClick={this.handleClose}>
<Icon src={require('@tabler/icons/icons/users.svg')} />
<span className='sidebar-menu-item__title'>{siteTitle}</span>
</NavLink>
) : (
<NavLink to='/timeline/local' className='sidebar-menu-item' onClick={this.handleClose}>
<Icon src={require('@tabler/icons/icons/world.svg')} />
<span className='sidebar-menu-item__title'><FormattedMessage id='tabs_bar.all' defaultMessage='All' /></span>
</NavLink>
)}
{features.federating && <NavLink to='/timeline/fediverse' className='sidebar-menu-item' onClick={this.handleClose}>
<Icon src={require('icons/fediverse.svg')} />
<span className='sidebar-menu-item__title'><FormattedMessage id='tabs_bar.fediverse' defaultMessage='Fediverse' /></span>
</NavLink>}
</div>
<div className='sidebar-menu__section'>
<NavLink className='sidebar-menu-item' to={`/@${acct}`} onClick={this.handleClose}> <NavLink className='sidebar-menu-item' to={`/@${acct}`} onClick={this.handleClose}>
<Icon src={require('@tabler/icons/icons/user.svg')} /> <Icon src={require('@tabler/icons/icons/user.svg')} />
<span className='sidebar-menu-item__title'>{intl.formatMessage(messages.profile)}</span> <span className='sidebar-menu-item__title'>{intl.formatMessage(messages.profile)}</span>