From ec64db252907c7806e84a1d70f3ceb34402c8096 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Tue, 21 Jul 2020 22:59:46 -0500
Subject: [PATCH] Updated GroupInfoPanel to hide members list if no user
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- GroupInfoPanel to hide members list if no user
---
 .../components/panel/group_info_panel.js      | 50 +++++++++++--------
 1 file changed, 28 insertions(+), 22 deletions(-)

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