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

do not push filter changes to history

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2021-09-10 00:44:21 +02:00
parent fc8bb22359
commit 58bdf4b1c7
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/soapbox/features/reactions/index.js
View file

@ -13,7 +13,6 @@ import AccountContainer from '../../containers/account_container';
import Column from '../ui/components/column';
import ScrollableList from '../../components/scrollable_list';
import { makeGetStatus } from '../../selectors';
import { NavLink } from 'react-router-dom';
const mapStateToProps = (state, props) => {
const getStatus = makeGetStatus();
@ -38,6 +37,10 @@ const mapStateToProps = (state, props) => {
export default @connect(mapStateToProps)
class Reactions extends ImmutablePureComponent {
static contextTypes = {
router: PropTypes.object.isRequired,
};
static propTypes = {
params: PropTypes.object.isRequired,
dispatch: PropTypes.array.isRequired,
@ -61,6 +64,13 @@ class Reactions extends ImmutablePureComponent {
}
}
handleFilterChange = (reaction) => () => {
const { params } = this.props;
const { username, statusId } = params;
this.context.router.history.replace(`/@${username}/posts/${statusId}/reactions/${reaction}`);
};
render() {
const { params, reactions, accounts, status } = this.props;
const { username, statusId } = params;
@ -90,8 +100,8 @@ class Reactions extends ImmutablePureComponent {
{
reactions.size > 0 && (
<div className='reaction__filter-bar'>
<NavLink to={`/@${username}/posts/${statusId}/reactions`} exact>All</NavLink>
{reactions?.filter(reaction => reaction.count).map(reaction => <NavLink to={`/@${username}/posts/${statusId}/reactions/${reaction.name}`}>{reaction.name} {reaction.count}</NavLink>)}
<button onClick={this.handleFilterChange('')}>All</button>
{reactions?.filter(reaction => reaction.count).map(reaction => <button onClick={this.handleFilterChange(reaction.name)}>{reaction.name} {reaction.count}</button>)}
</div>
)
}