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

Updated GroupInfoPanel to hide members list if no user

Browse Source 
• Updated:
- GroupInfoPanel to hide members list if no user
This commit is contained in:
mgabdev 2020-07-21 22:59:46 -05:00
parent 96f8bb8a32
commit ec64db2529
1 changed files with 28 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
app/javascript/gabsocial/components/panel/group_info_panel.js
View File

@ -4,6 +4,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component'
import ImmutablePropTypes from 'react-immutable-proptypes' import ImmutablePropTypes from 'react-immutable-proptypes'
import { openModal } from '../../actions/modal' import { openModal } from '../../actions/modal'
import { MODAL_GROUP_MEMBERS } from '../../constants' import { MODAL_GROUP_MEMBERS } from '../../constants'
import { me } from '../../initial_state'
import { shortNumberFormat } from '../../utils/numbers' import { shortNumberFormat } from '../../utils/numbers'
import PanelLayout from './panel_layout' import PanelLayout from './panel_layout'
import Button from '../button' import Button from '../button'
@ -59,29 +60,34 @@ class GroupInfoPanel extends ImmutablePureComponent {
<Divider isSmall /> <Divider isSmall />
<div className={[_s.default, _s.flexRow, _s.justifyContentCenter].join(' ')}> {
<div className={[_s.default, _s.flexRow, _s.alignItemsCenter].join(' ')}> !!me &&
<Icon id='group' size='14px' className={_s.fillPrimary} /> <Fragment>
<Text size='small' className={_s.ml5}> <div className={[_s.default, _s.flexRow, _s.justifyContentCenter].join(' ')}>
{intl.formatMessage(messages.members)} <div className={[_s.default, _s.flexRow, _s.alignItemsCenter].join(' ')}>
</Text> <Icon id='group' size='14px' className={_s.fillPrimary} />
</div> <Text size='small' className={_s.ml5}>
<Button {intl.formatMessage(messages.members)}
isText </Text>
color='brand' </div>
backgroundColor='none' <Button
className={_s.mlAuto} isText
onClick={this.handleOnOpenGroupMembersModal} color='brand'
> backgroundColor='none'
<Text color='inherit' weight='medium' size='normal' className={_s.underline_onHover}> className={_s.mlAuto}
{shortNumberFormat(group.get('member_count'))} onClick={this.handleOnOpenGroupMembersModal}
&nbsp; >
{intl.formatMessage(messages.members)} <Text color='inherit' weight='medium' size='normal' className={_s.underline_onHover}>
</Text> {shortNumberFormat(group.get('member_count'))}
</Button> &nbsp;
</div> {intl.formatMessage(messages.members)}
</Text>
</Button>
</div>
<Divider isSmall /> <Divider isSmall />
</Fragment>
}
<div className={[_s.default, _s.flexRow, _s.alignItemsCenter].join(' ')}> <div className={[_s.default, _s.flexRow, _s.alignItemsCenter].join(' ')}>
<Icon id='calendar' size='12px' className={_s.fillSecondary} /> <Icon id='calendar' size='12px' className={_s.fillSecondary} />