show failed_at timestamp if a feed failed to fresh

packages/web/lib/networking/queries/useGetSubscriptionsQuery.tsx

@@ -30,6 +30,7 @@ export type Subscription = {
   updatedAt: string
   lastFetchedAt?: string
   mostRecentItemDate?: string
+  failedAt?: string
 
   fetchContentType?: FetchContentType
 }
@@ -74,6 +75,7 @@ export function useGetSubscriptionsQuery(
             lastFetchedAt
             fetchContentType
             mostRecentItemDate
+            failedAt
           }
         }
         ... on SubscriptionsError {

packages/web/pages/settings/feeds/index.tsx

@@ -229,10 +229,17 @@ export default function Rss(): JSX.Element {
                   }}
                 >
                   <SpanBox>{`URL: ${subscription.url}`}</SpanBox>
-                  <SpanBox>{`Last refreshed: ${
-                    subscription.lastFetchedAt
-                      ? formattedDateTime(subscription.lastFetchedAt)
-                      : 'Never'
+                  {/* show failed timestamp instead of last refreshed timestamp if the feed failed to refresh */}
+                  <SpanBox>{`${
+                    subscription.failedAt
+                      ? `Failed to refresh: ${formattedDateTime(
+                          subscription.failedAt
+                        )}`
+                      : `Last refreshed: ${
+                          subscription.lastFetchedAt
+                            ? formattedDateTime(subscription.lastFetchedAt)
+                            : 'Never'
+                        }`
                   }`}</SpanBox>
                   <SpanBox>
                     {subscription.mostRecentItemDate &&