update after adding datePublished to Prospect type in graph

- retrieves datePublished from the graph
- re-enables display of and filtering by datePublished

Author: jpetto

src/api/fragments/prospectWithCorpusItems.ts

@@ -15,6 +15,7 @@ export const ProspectDataWithCorpusItems = gql`
     prospectType
     url
     createdAt
+    datePublished
     imageUrl
     authors
     publisher

src/api/generatedTypes.ts

@@ -1641,6 +1641,7 @@ export type Prospect = {
   approvedCorpusItem?: Maybe<ApprovedCorpusItem>;
   authors?: Maybe<Scalars['String']>;
   createdAt?: Maybe<Scalars['Int']>;
+  datePublished?: Maybe<Scalars['String']>;
   domain?: Maybe<Scalars['String']>;
   excerpt?: Maybe<Scalars['String']>;
   id: Scalars['ID'];
@@ -2635,15 +2636,6 @@ export enum Videoness {
   NoVideos = 'NO_VIDEOS',
 }
 
-export type BasicParserItemDataFragment = {
-  __typename?: 'Item';
-  givenUrl: any;
-  itemId: string;
-  normalUrl: string;
-  datePublished?: any | null;
-  timeToRead?: number | null;
-};
-
 export type CollectionAuthorDataFragment = {
   __typename?: 'CollectionAuthor';
   externalId: string;
@@ -3038,6 +3030,7 @@ export type ProspectDataWithCorpusItemsFragment = {
   prospectType: string;
   url: string;
   createdAt?: number | null;
+  datePublished?: string | null;
   imageUrl?: string | null;
   authors?: string | null;
   publisher?: string | null;
@@ -3095,14 +3088,6 @@ export type ProspectDataWithCorpusItemsFragment = {
     createdBy: string;
     createdAt: number;
   } | null;
-  item?: {
-    __typename?: 'Item';
-    givenUrl: any;
-    itemId: string;
-    normalUrl: string;
-    datePublished?: any | null;
-    timeToRead?: number | null;
-  } | null;
 };
 
 export type RejectedItemDataFragment = {
@@ -4386,6 +4371,7 @@ export type UpdateProspectAsCuratedMutation = {
     prospectType: string;
     url: string;
     createdAt?: number | null;
+    datePublished?: string | null;
     imageUrl?: string | null;
     authors?: string | null;
     publisher?: string | null;
@@ -4443,14 +4429,6 @@ export type UpdateProspectAsCuratedMutation = {
       createdBy: string;
       createdAt: number;
     } | null;
-    item?: {
-      __typename?: 'Item';
-      givenUrl: any;
-      itemId: string;
-      normalUrl: string;
-      datePublished?: any | null;
-      timeToRead?: number | null;
-    } | null;
   } | null;
 };
 
@@ -4951,6 +4929,7 @@ export type GetProspectsQuery = {
     prospectType: string;
     url: string;
     createdAt?: number | null;
+    datePublished?: string | null;
     imageUrl?: string | null;
     authors?: string | null;
     publisher?: string | null;
@@ -5008,14 +4987,6 @@ export type GetProspectsQuery = {
       createdBy: string;
       createdAt: number;
     } | null;
-    item?: {
-      __typename?: 'Item';
-      givenUrl: any;
-      itemId: string;
-      normalUrl: string;
-      datePublished?: any | null;
-      timeToRead?: number | null;
-    } | null;
   }>;
 };
 
@@ -5675,15 +5646,6 @@ export const RejectedItemDataFragmentDoc = gql`
     createdAt
   }
 `;
-export const BasicParserItemDataFragmentDoc = gql`
-  fragment BasicParserItemData on Item {
-    givenUrl
-    itemId
-    normalUrl
-    datePublished
-    timeToRead
-  }
-`;
 export const ProspectDataWithCorpusItemsFragmentDoc = gql`
   fragment ProspectDataWithCorpusItems on Prospect {
     id
@@ -5693,6 +5655,7 @@ export const ProspectDataWithCorpusItemsFragmentDoc = gql`
     prospectType
     url
     createdAt
+    datePublished
     imageUrl
     authors
     publisher
@@ -5709,13 +5672,9 @@ export const ProspectDataWithCorpusItemsFragmentDoc = gql`
     rejectedCorpusItem {
       ...RejectedItemData
     }
-    item {
-      ...BasicParserItemData
-    }
   }
   ${CuratedItemDataWithHistoryFragmentDoc}
   ${RejectedItemDataFragmentDoc}
-  ${BasicParserItemDataFragmentDoc}
 `;
 export const ScheduledItemDataFragmentDoc = gql`
   fragment ScheduledItemData on ScheduledCorpusItem {

src/curated-corpus/components/ExistingProspectCard/ExistingProspectCard.tsx

@@ -109,6 +109,16 @@ export const ExistingProspectCard: React.FC<ExistingProspectCardProps> = (
               </ListItemIcon>
               <ListItemText secondary={item.language} />
             </ListItem>
+            <ListItem disableGutters>
+              <ListItemText
+                secondary={
+                  item.datePublished &&
+                  `Published ${DateTime.fromJSDate(
+                    new Date(item.datePublished),
+                  ).toFormat('MMMM dd, yyyy')}`
+                }
+              />
+            </ListItem>
             <ListItem disableGutters>
               <ListItemIcon sx={{ minWidth: '1.5rem' }}>
                 <FaceIcon fontSize="small" />

src/curated-corpus/components/ProspectFilters/ProspectFilters.test.tsx

@@ -138,15 +138,12 @@ describe('The ProspectFilters component', () => {
     expect(switchLabel).toBeInTheDocument();
   });
 
-  /*
-  TODO: re-enable after https://mozilla-hub.atlassian.net/browse/HNT-1364
   it('should render the sort by published date filter', () => {
     renderComponent();
 
     const publishedDate = screen.getByText(/Published Date/i);
     expect(publishedDate).toBeInTheDocument();
   });
-  */
 
   it('should render the topic filter', () => {
     renderComponent();

src/curated-corpus/components/ProspectFilters/ProspectFilters.tsx

@@ -80,13 +80,9 @@ export const ProspectFilters: React.FC<ProspectFiltersProps> = (
     setProspectMetadataFilters,
     excludePublisherSwitch,
     filterByPublisher,
-    // remove disable after https://mozilla-hub.atlassian.net/browse/HNT-1364
-    /* eslint-disable-next-line  @typescript-eslint/no-unused-vars */
     sortByPublishedDate,
     setFilterByPublisher,
     onChange,
-    // remove disable after https://mozilla-hub.atlassian.net/browse/HNT-1364
-    /* eslint-disable-next-line  @typescript-eslint/no-unused-vars */
     onSortByPublishedDate,
   } = props;
 
@@ -128,10 +124,6 @@ export const ProspectFilters: React.FC<ProspectFiltersProps> = (
           labelPlacement={'top'} // Ensures the label is on top of the switch
         />
       </FormGroup>
-      {/*
-      TODO: uncomment this filter after adding published date to prospect
-        object
-        https://mozilla-hub.atlassian.net/browse/HNT-1364
       <FormGroup>
         <FormControlLabel
           sx={{ mx: 2, mb: 2 }}
@@ -145,7 +137,6 @@ export const ProspectFilters: React.FC<ProspectFiltersProps> = (
           labelPlacement={'top'} // Ensures the label is on top of the switch
         />
       </FormGroup>
-      */}
       {/*Topic Filter*/}
       {prospects.length > 0 && (
         <FormGroup sx={{ mx: 1, mb: 2 }}>

src/curated-corpus/components/ProspectListCard/ProspectListCard.tsx

@@ -25,9 +25,7 @@ import { getDisplayTopic } from '../../helpers/topics';
 import { RemoveProspectAction } from '../actions/RemoveProspectAction/RemoveProspectAction';
 import { useToggle } from '../../../_shared/hooks';
 
-// TODO: uncomment this filter after adding published date to prospect object
-// https://mozilla-hub.atlassian.net/browse/HNT-1364
-// import { DateTime } from 'luxon';
+import { DateTime } from 'luxon';
 
 interface ProspectListCardProps {
   /**
@@ -114,10 +112,6 @@ export const ProspectListCard: React.FC<ProspectListCardProps> = (
               <ListItemText secondary={prospect.prospectType.toLowerCase()} />
             </ListItem>
 
-            {/*
-            TODO: uncomment this filter after adding published date to prospect
-              object
-              https://mozilla-hub.atlassian.net/browse/HNT-1364
             <ListItem disableGutters>
               <ListItemText
                 secondary={
@@ -128,7 +122,6 @@ export const ProspectListCard: React.FC<ProspectListCardProps> = (
                 }
               />
             </ListItem>
-            */}
           </List>
         </Grid>
         <Grid item xs={12} sm={9}>

src/curated-corpus/pages/ProspectingPage/ProspectingPage.tsx

@@ -54,7 +54,7 @@ import { transformAuthors } from '../../../_shared/utils/transformAuthors';
 import { getDisplayTopic } from '../../helpers/topics';
 import { ProspectFilterOptions } from '../../components/ProspectFilters/ProspectFilters';
 
-const distantPast = new Date('1970-01-01Z00:00:00:000').getTime();
+const distantPast = new Date('1970-01-01T00:00:00').getTime();
 
 export const ProspectingPage: React.FC = (): JSX.Element => {
   const initialProspectFiltersState: ProspectFilterOptions = {
@@ -640,10 +640,11 @@ export const ProspectingPage: React.FC = (): JSX.Element => {
   const handleSortByPublishedDate = (prospectList: Prospect[]) => {
     const sortedProspects = [...(prospectList || [])].sort((a, b) => {
       return (
-        new Date(b.item?.datePublished ?? distantPast).getTime() -
-        new Date(a.item?.datePublished ?? distantPast).getTime()
+        new Date(b.datePublished ?? distantPast).getTime() -
+        new Date(a.datePublished ?? distantPast).getTime()
       );
     });
+
     setProspects(sortedProspects);
   };