MHP-3132-Render-Reported-Stories-and-Comments

.eslintrc

@@ -54,12 +54,6 @@
         "skipComments": true
       }
     ],
-    "complexity": [
-      2,
-      {
-        "max": 10
-      }
-    ],
     "no-return-await": 2,
     "quotes": [
       2,

src/containers/CelebrateFeedHeader/index.tsx

@@ -49,11 +49,11 @@ const CelebrateFeedHeader = ({
       id: orgId,
     },
   });
-  const UnreadCommentCount = organization.unread_comments_count;
-  const ReportedContentCount = ReportedContent.length;
-  const isReportVisible = shouldQueryReport && ReportedContentCount !== 0;
+  const unreadCommentCount = organization.unread_comments_count;
+  const reportedContentCount = ReportedContent.length;
+  const isReportVisible = shouldQueryReport && reportedContentCount !== 0;
   const isCommentCardVisible =
-    !orgIsGlobal(organization) && UnreadCommentCount !== 0;
+    !orgIsGlobal(organization) && unreadCommentCount !== 0;
 
   const closeCommentCard = () => {
     dispatch(markCommentsRead(orgId));
@@ -69,29 +69,29 @@ const CelebrateFeedHeader = ({
   };
 
   const renderCommentCard = () => {
-    if (UnreadCommentCount === 0) {
+    if (unreadCommentCount === 0) {
       return null;
     }
 
     return (
       <UnreadCommentsCard
         testID="UnreadCommentsCard"
-        count={UnreadCommentCount}
+        count={unreadCommentCount}
         onPress={commentCard}
         onClose={closeCommentCard}
       />
     );
   };
 
   const renderReport = () => {
-    if (loading || ReportedContentCount === 0) {
+    if (loading || reportedContentCount === 0) {
       return null;
     }
     return (
       <ReportItemHeaderCard
         testID="ReportItemCard"
         onPress={report}
-        count={ReportedContentCount}
+        count={reportedContentCount}
       />
     );
   };

src/containers/CommentItem/index.tsx

@@ -52,15 +52,11 @@ const CommentItem = ({
   const isMine = person ? person.id === me.id : author.id === me.id;
   const isMineNotReported = isMine && !isReported;
   const itemDate = created_at ? created_at : createdAt ? createdAt : '';
-
-  const personName = () => {
-    const name = person
-      ? person.first_name
-        ? `${person.first_name} ${person.last_name}`
-        : person.fullName
-      : author.fullName;
-    return name;
-  };
+  const name = person
+    ? person.first_name
+      ? `${person.first_name} ${person.last_name}`
+      : person.fullName
+    : author.fullName;
 
   const renderContent = () => {
     return (
@@ -82,11 +78,11 @@ const CommentItem = ({
           <Flex value={1} />
         ) : (
           <CelebrateItemName
-            name={personName()}
+            name={name}
             person={person}
             organization={organization}
             pressable={!isReported}
-            customContent={<Text style={nameStyle}>{personName()}</Text>}
+            customContent={<Text style={nameStyle}>{name}</Text>}
           />
         )}
         <CardTime date={itemDate} format={DateConstants.comment} />

src/containers/Groups/GroupReport.tsx

@@ -29,10 +29,11 @@ export const GET_REPORTED_CONTENT = gql`
         nodes {
           id
           subject {
-            typeName: __typename
+            __typename
             ... on Story {
               content
               createdAt
+              updatedAt
               id
               author {
                 fullName
@@ -44,6 +45,7 @@ export const GET_REPORTED_CONTENT = gql`
             ... on CommunityCelebrationItemComment {
               content
               createdAt
+              updatedAt
               id
               person {
                 fullName
@@ -80,8 +82,7 @@ const GroupReport = () => {
       id: organization.id,
     },
   });
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const renderItem = ({ item }: { item: ReportedItemInterface | any }) => {
+  const renderItem = ({ item }: { item: ReportedItemInterface }) => {
     return (
       <ReportedItem item={item} refetch={refetch} organization={organization} />
     );