GroupPage: add pending members counter

This commit is contained in:
Alex Gleason 2023-03-20 20:02:58 -05:00
parent 9ca384dcd7
commit 3a12b316d9
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 3 additions and 0 deletions

View File

@ -12,6 +12,7 @@ import {
SignUpPanel, SignUpPanel,
} from 'soapbox/features/ui/util/async-components'; } from 'soapbox/features/ui/util/async-components';
import { useGroup, useOwnAccount } from 'soapbox/hooks'; import { useGroup, useOwnAccount } from 'soapbox/hooks';
import { useGroupMembershipRequests } from 'soapbox/hooks/api/groups/useGroupMembershipRequests';
import { Group } from 'soapbox/schemas'; import { Group } from 'soapbox/schemas';
import { Tabs } from '../components/ui'; import { Tabs } from '../components/ui';
@ -63,6 +64,7 @@ const GroupPage: React.FC<IGroupPage> = ({ params, children }) => {
const id = params?.id || ''; const id = params?.id || '';
const { group } = useGroup(id); const { group } = useGroup(id);
const { accounts: pending } = useGroupMembershipRequests(id);
const isMember = !!group?.relationship?.member; const isMember = !!group?.relationship?.member;
const isBlocked = group?.relationship?.blocked_by; const isBlocked = group?.relationship?.blocked_by;
@ -78,6 +80,7 @@ const GroupPage: React.FC<IGroupPage> = ({ params, children }) => {
text: intl.formatMessage(messages.members), text: intl.formatMessage(messages.members),
to: `/groups/${group?.id}/members`, to: `/groups/${group?.id}/members`,
name: '/groups/:id/members', name: '/groups/:id/members',
count: pending.length,
}, },
]; ];