moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make # members clickable to Group Members page

This commit is contained in:
Chewbacca 2023-05-23 12:32:44 -04:00
parent d564728117
commit 5c069b8b93
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/soapbox/features/group/components/group-member-count.tsx
View File

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { Link } from 'react-router-dom';
import { Text } from 'soapbox/components/ui'; import { Text } from 'soapbox/components/ui';
import { Group } from 'soapbox/types/entities'; import { Group } from 'soapbox/types/entities';
@ -11,17 +12,19 @@ interface IGroupMemberCount {
const GroupMemberCount = ({ group }: IGroupMemberCount) => { const GroupMemberCount = ({ group }: IGroupMemberCount) => {
return ( return (
<Text theme='inherit' tag='span' size='sm' weight='medium' data-testid='group-member-count'> <Link to={`/group/${group.slug}/members`} className='hover:underline'>
{shortNumberFormat(group.members_count)} <Text theme='inherit' tag='span' size='sm' weight='medium' data-testid='group-member-count'>
{' '} {shortNumberFormat(group.members_count)}
<FormattedMessage {' '}
id='groups.discover.search.results.member_count' <FormattedMessage
defaultMessage='{members, plural, one {member} other {members}}' id='groups.discover.search.results.member_count'
values={{ defaultMessage='{members, plural, one {member} other {members}}'
members: group.members_count, values={{
}} members: group.members_count,
/> }}
</Text> />
</Text>
</Link>
); );
}; };