random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added total member count to Group Members page title

Browse Source 
• Added:
- total member count to Group Members page title
This commit is contained in:
mgabdev 2020-12-23 16:55:42 -05:00
parent a4aff4fef9
commit 6ffa52dbd9
1 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/gabsocial/features/group_members.js
View File

@ -18,6 +18,7 @@ import ColumnIndicator from '../components/column_indicator'
import Block from '../components/block' import Block from '../components/block'
import BlockHeading from '../components/block_heading' import BlockHeading from '../components/block_heading'
import Input from '../components/input' import Input from '../components/input'
import Text from '../components/text'
import ScrollableList from '../components/scrollable_list' import ScrollableList from '../components/scrollable_list'
class GroupMembers extends ImmutablePureComponent { class GroupMembers extends ImmutablePureComponent {
@ -71,10 +72,21 @@ class GroupMembers extends ImmutablePureComponent {
if (!isAdminOrMod) return <ColumnIndicator type='missing' /> if (!isAdminOrMod) return <ColumnIndicator type='missing' />
const accountIds = !!query ? searchAcountIds : listAccountIds const accountIds = !!query ? searchAcountIds : listAccountIds
const accountIdsSize = !!accountIds ? accountIds.size : 0
const memberCount = group.get('member_count')
const blockHeadingTitle = (
<React.Fragment>
Group Members
<Text className={[_s.d, _s.ml10]} size='medium' color='secondary'>
({accountIdsSize} of {memberCount})
</Text>
</React.Fragment>
)
return ( return (
<Block> <Block>
<BlockHeading title='Group Members' /> <BlockHeading title={blockHeadingTitle} />
<div className={[_s.d, _s.jcCenter, _s.px15, _s.my5, _s.borderBottom1PX, _s.borderColorSecondary, _s.pt5, _s.pb15].join(' ')}> <div className={[_s.d, _s.jcCenter, _s.px15, _s.my5, _s.borderBottom1PX, _s.borderColorSecondary, _s.pt5, _s.pb15].join(' ')}>
<Input <Input