fix: improve author and date display formatting in blog posts

Author: skeptrunedev

website/src/pages/blog/[slug]/index.astro

@@ -66,16 +66,33 @@ const ogImage = new URL(i18n.coverImage.src, site).href;
         <p class="md:flex-1/2 text-xl max-w-[40ch]">{i18n.summary}</p>
 
         {
-          i18n.author || i18n.lastUpdatedAt || i18n.createdAt ? (
-            <p class="text-black">
-              {i18n.author ? `Written by ${i18n.author}.` : null}
-              {i18n.lastUpdatedAt
-                ? `${i18n.lastUpdatedAt.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`
+          (i18n.author || i18n.lastUpdatedAt || i18n.createdAt) && (
+            <div class="flex flex-wrap items-center gap-2 text-sm text-gray-700">
+              {i18n.author && (
+          <span class="font-medium">{`Written by ${i18n.author}`}</span>
+              )}
+              {(i18n.lastUpdatedAt || i18n.createdAt) && (
+          <>
+            <span class="mx-1 text-gray-400">•</span>
+            <span>
+              {(i18n.lastUpdatedAt
+                ? i18n.lastUpdatedAt
                 : i18n.createdAt
-                  ? `${i18n.createdAt.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}`
-                  : null}
-            </p>
-          ) : null
+              )
+                ? (i18n.lastUpdatedAt
+                    ? i18n.lastUpdatedAt
+                    : i18n.createdAt
+                  )?.toLocaleDateString("en-US", {
+                    month: "short",
+                    day: "numeric",
+                    year: "numeric",
+                  })
+                : ""}
+            </span>
+          </>
+              )}
+            </div>
+          )
         }
 
         <div class="flex flex-row gap-2">

website/src/pages/rss.xml.js

@@ -11,13 +11,17 @@ export async function GET(context) {
     description:
       "Sell more and answer every question with Conversational Discovery. Trieve uses GenAI to show your users what they're looking for every time",
     site: context.site,
-    items: blog.map((post) => ({
-      link: `/blog/${post.id}/`,
-      content: sanitizeHtml(parser.render(post.body), {
-        allowedTags: sanitizeHtml.defaults.allowedTags.concat(["img"]),
-      }),
-      ...post.data,
-    })),
+    items: blog
+      .filter((post) => !(post.data.isDraft ?? false))
+      .sort((a, b) => new Date(b.data.date) - new Date(a.data.date))
+      .map((post) => ({
+        link: `/blog/${post.id}/`,
+        content: sanitizeHtml(parser.render(post.body), {
+          allowedTags: sanitizeHtml.defaults.allowedTags.concat(["img"]),
+        }),
+        pubDate: post.data.lastUpdatedAt,
+        ...post.data,
+      })),
     customData: `<language>en-us</language>`,
   });
 }