Add dates to delivery preview logs (#435)

Author: synzen

services/backend-api/client/src/features/feed/api/getDeliveryPreview.ts

@@ -175,6 +175,8 @@ function transformResponse(
       articleId: article.articleId,
       articleIdHash: article.articleIdHash,
       articleTitle: article.articleTitle,
+      articlePublishedDate: article.articlePublishedDate,
+      articleStoredDate: article.articleStoredDate,
       outcome: article.outcome,
       outcomeReason: article.outcomeReason,
       mediumResults: article.mediumResults.map((medium): MediumDeliveryResult => {

services/backend-api/client/src/features/feed/components/UserFeedLogs/DeliveryPreview/ArticleDeliveryDetails.tsx

@@ -2,6 +2,7 @@ import {
   Badge,
   Box,
   Button,
+  Grid,
   Stack,
   Table,
   TableContainer,
@@ -10,11 +11,13 @@ import {
   Text,
   Th,
   Thead,
+  Tooltip,
   Tr,
   useDisclosure,
 } from "@chakra-ui/react";
 import { Link } from "react-router-dom";
 import { ExternalLinkIcon } from "@chakra-ui/icons";
+import dayjs from "dayjs";
 import {
   ArticleDeliveryOutcome,
   ArticleDeliveryResult,
@@ -191,6 +194,94 @@ export const ArticleDeliveryDetails = ({ result, lastRequestAtUnix }: Props) =>
             {getDisplayText()}
           </Text>
         </Box>
+        <Box>
+          <Text fontWeight="semibold" mb={2}>
+            Dates
+          </Text>
+          <Grid as="dl" templateColumns="140px 1fr" gap={1} fontSize="sm" m={0}>
+            <Text as="dt" color="gray.400">
+              Published
+            </Text>
+            <Box as="dd" ml={0}>
+              {result.articlePublishedDate ? (
+                <Tooltip
+                  label={dayjs(result.articlePublishedDate).format("DD MMM YYYY, HH:mm:ss")}
+                  hasArrow
+                >
+                  <Text
+                    as="time"
+                    dateTime={result.articlePublishedDate}
+                    tabIndex={0}
+                    cursor="default"
+                    color="gray.300"
+                    display="inline"
+                    borderBottom="1px dashed"
+                    borderColor="whiteAlpha.300"
+                    sx={{ cursor: "help" }}
+                  >
+                    {dayjs(result.articlePublishedDate).fromNow()}
+                  </Text>
+                </Tooltip>
+              ) : (
+                <Tooltip
+                  label="This feed does not include a published date for this article"
+                  hasArrow
+                >
+                  <Text
+                    tabIndex={0}
+                    color="gray.400"
+                    display="inline"
+                    borderBottom="1px dashed"
+                    borderColor="whiteAlpha.200"
+                    sx={{ cursor: "help" }}
+                    aria-label="Not available. This feed does not include a published date for this article."
+                  >
+                    --
+                  </Text>
+                </Tooltip>
+              )}
+            </Box>
+            <Text as="dt" color="gray.400">
+              First detected
+            </Text>
+            <Box as="dd" ml={0}>
+              {result.articleStoredDate ? (
+                <Tooltip
+                  label={dayjs(result.articleStoredDate).format("DD MMM YYYY, HH:mm:ss")}
+                  hasArrow
+                >
+                  <Text
+                    as="time"
+                    dateTime={result.articleStoredDate}
+                    tabIndex={0}
+                    cursor="default"
+                    color="gray.300"
+                    display="inline"
+                    borderBottom="1px dashed"
+                    borderColor="whiteAlpha.300"
+                    sx={{ cursor: "help" }}
+                  >
+                    {dayjs(result.articleStoredDate).fromNow()}
+                  </Text>
+                </Tooltip>
+              ) : (
+                <Tooltip label="This article has not been stored yet" hasArrow>
+                  <Text
+                    tabIndex={0}
+                    color="gray.400"
+                    display="inline"
+                    borderBottom="1px dashed"
+                    borderColor="whiteAlpha.200"
+                    sx={{ cursor: "help" }}
+                    aria-label="Not available. This article has not been stored yet."
+                  >
+                    --
+                  </Text>
+                </Tooltip>
+              )}
+            </Box>
+          </Grid>
+        </Box>
         {!isLearningPhase && result.mediumResults.length > 0 && (
           <Box>
             <Text fontWeight="semibold" mb={2}>

services/backend-api/client/src/features/feed/types/DeliveryPreview.ts

@@ -124,6 +124,8 @@ export const BackendArticleDeliveryResultSchema = object({
   articleId: string().required(),
   articleIdHash: string().required(),
   articleTitle: string().nullable(),
+  articlePublishedDate: string().nullable(),
+  articleStoredDate: string().nullable(),
   outcome: string().oneOf(Object.values(ArticleDeliveryOutcome)).required() as any,
   outcomeReason: string().required(),
   mediumResults: array(BackendMediumDeliveryResultSchema.required()).required(),
@@ -140,6 +142,8 @@ export const ArticleDeliveryResultSchema = object({
   articleId: string().required(),
   articleIdHash: string().required(),
   articleTitle: string().nullable(),
+  articlePublishedDate: string().nullable(),
+  articleStoredDate: string().nullable(),
   outcome: string().oneOf(Object.values(ArticleDeliveryOutcome)).required() as any,
   outcomeReason: string().required(),
   mediumResults: array(MediumDeliveryResultSchema.required()).required(),

services/feed-requests/src/app.module.ts

@@ -27,8 +27,7 @@ export class AppModule implements OnApplicationShutdown {
     }
 
     const prefetchCount = configVals.FEED_REQUESTS_RABBITMQ_PREFETCH_COUNT;
-    const poolMax =
-      configVals.FEED_REQUESTS_POSTGRES_POOL_MAX ?? prefetchCount * 3;
+    const poolMax = prefetchCount * 3;
 
     logger.info(`${replicaUris.length} read replicas discovered`);