Merge pull request #589 from CruGlobal/MHP-2022

Mhp 2022 -- Hide contact report for User-Created Communities
CruGlobal · Oct 26, 2018 · ed4a695 · ed4a695
2 parents 679f37e + ecae59e
commit ed4a695
Show file tree

Hide file tree

Showing 3 changed files with 94 additions and 26 deletions.
diff --git a/__tests__/components/GroupCardItem.js b/__tests__/components/GroupCardItem.js
@@ -10,6 +10,7 @@ const uncontactedCount = 56;
 let group = {
   name: 'Group Name',
   contactReport: {},
+  user_created: false,
 };
 
 const test = () => {
@@ -21,6 +22,20 @@ describe('GroupCardItem', () => {
     test();
   });
 
+  it('renders with no report counts for user created org', () => {
+    group = {
+      ...group,
+      contactReport: {
+        contactsCount,
+        unassignedCount,
+        uncontactedCount,
+      },
+      user_created: true,
+    };
+
+    test();
+  });
+
   it('renders with all report counts', () => {
     group = {
       ...group,
@@ -29,6 +44,7 @@ describe('GroupCardItem', () => {
         unassignedCount,
         uncontactedCount,
       },
+      user_created: false,
     };
 
     test();
@@ -41,6 +57,7 @@ describe('GroupCardItem', () => {
         contactsCount,
         unassignedCount,
       },
+      user_created: false,
     };
 
     test();
@@ -53,6 +70,7 @@ describe('GroupCardItem', () => {
         contactsCount,
         uncontactedCount,
       },
+      user_created: false,
     };
 
     test();
@@ -64,6 +82,7 @@ describe('GroupCardItem', () => {
       contactReport: {
         contactsCount,
       },
+      user_created: false,
     };
 
     test();

diff --git a/__tests__/components/__snapshots__/GroupCardItem.js.snap b/__tests__/components/__snapshots__/GroupCardItem.js.snap
@@ -352,3 +352,48 @@ exports[`GroupCardItem renders with no report counts 1`] = `
   </Flex>
 </Card>
 `;
+
+exports[`GroupCardItem renders with no report counts for user created org 1`] = `
+<Card
+  onPress={[Function]}
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ffffff",
+      "borderBottomColor": "#E6E8EC",
+      "borderBottomWidth": 1,
+      "flexDirection": "row",
+      "marginHorizontal": 16,
+      "marginVertical": 8,
+      "paddingHorizontal": 13,
+      "paddingVertical": 16,
+    }
+  }
+>
+  <Flex>
+    <MyText
+      accessible={true}
+      allowFontScaling={true}
+      ellipsizeMode="tail"
+      style={
+        Object {
+          "color": "#007398",
+          "fontSize": 16,
+          "fontWeight": "bold",
+        }
+      }
+    >
+      GROUP NAME
+    </MyText>
+    <Flex
+      align="center"
+      direction="row"
+      style={
+        Object {
+          "paddingTop": 4,
+        }
+      }
+    />
+  </Flex>
+</Card>
+`;
diff --git a/src/components/GroupCardItem/index.js b/src/components/GroupCardItem/index.js
@@ -17,38 +17,41 @@ export default class GroupCardItem extends Component {
     const { t, group } = this.props;
     const { contactsCount, unassignedCount, uncontactedCount } =
       group.contactReport || {};
+    const { user_created } = group;
 
     return (
       <Card onPress={this.handlePress} style={styles.card}>
         <Flex>
           <Text style={styles.groupName}>{group.name.toUpperCase()}</Text>
           <Flex align="center" direction="row" style={styles.contactRow}>
-            {contactsCount ? (
-              <Fragment>
-                <Text style={styles.contacts}>
-                  {t('numContacts', { number: contactsCount })}
-                </Text>
-                {unassignedCount ? (
-                  <Fragment>
-                    <Dot />
-                    <Text style={styles.unassigned}>
-                      {t('numUnassigned', {
-                        number: unassignedCount,
-                      })}
-                    </Text>
-                  </Fragment>
-                ) : null}
-                {uncontactedCount ? (
-                  <Fragment>
-                    <Dot />
-                    <Text style={styles.unassigned}>
-                      {t('numUncontacted', {
-                        number: uncontactedCount,
-                      })}
-                    </Text>
-                  </Fragment>
-                ) : null}
-              </Fragment>
+            {!user_created ? (
+              contactsCount ? (
+                <Fragment>
+                  <Text style={styles.contacts}>
+                    {t('numContacts', { number: contactsCount })}
+                  </Text>
+                  {unassignedCount ? (
+                    <Fragment>
+                      <Dot />
+                      <Text style={styles.unassigned}>
+                        {t('numUnassigned', {
+                          number: unassignedCount,
+                        })}
+                      </Text>
+                    </Fragment>
+                  ) : null}
+                  {uncontactedCount ? (
+                    <Fragment>
+                      <Dot />
+                      <Text style={styles.unassigned}>
+                        {t('numUncontacted', {
+                          number: uncontactedCount,
+                        })}
+                      </Text>
+                    </Fragment>
+                  ) : null}
+                </Fragment>
+              ) : null
             ) : null}
           </Flex>
         </Flex>
@@ -61,5 +64,6 @@ GroupCardItem.propTypes = {
   group: PropTypes.shape({
     name: PropTypes.string.isRequired,
     contactReport: PropTypes.object.isRequired,
+    user_created: PropTypes.bool,
   }).isRequired,
 };