Change date management

simonerlic · Sep 3, 2024 · 19d6dc2 · 19d6dc2
1 parent 640e0db
commit 19d6dc2
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 29 deletions.
diff --git a/src/components/blog/TopEntries.astro b/src/components/blog/TopEntries.astro
@@ -4,35 +4,41 @@ import "../../styles/blog-home.css";
 const allPosts = await getCollection("posts");
 
 const sortedPosts = allPosts.sort(
-  (a, b) => Number(new Date(b.data.pubDate)) - Number(new Date(a.data.pubDate))
+    (a, b) =>
+        Number(new Date(b.data.pubDate)) - Number(new Date(a.data.pubDate)),
 );
 ---
 
 <body class="relative min-h-screen">
-  <div class="recent-box">
-    <h3 class="mb-4">$ ls -a blog_entries/*.md</h3>
-    <ul class="space-y-4 sm:space-y-2">
-      {
-        sortedPosts.map((post) => (
-          <li>
-            <span class="pr-2">-rw-r--r-- 1 serlic serlic{"  "}</span>
-            <span>
-              {new Date(post.data.pubDate).toLocaleDateString("en-US", {
-                month: "short",
-                day: "numeric",
-              })}
-            </span>
-            <a
-              href={`/posts/${post.slug}/`}
-              target="_blank"
-              rel="noopener noreferrer"
-              class="underline pl-2"
-            >
-              {post.data.filetitle}.md
-            </a>
-          </li>
-        ))
-      }
-    </ul>
-  </div>
+    <div class="recent-box">
+        <h3 class="mb-4">$ ls -a blog_entries/*.md</h3>
+        <ul class="space-y-4 sm:space-y-2">
+            {
+                sortedPosts.map((post) => (
+                    <li>
+                        <span class="pr-2">
+                            -rw-r--r-- 1 serlic serlic{"  "}
+                        </span>
+                        <span>
+                            {new Date(post.data.pubDate).toLocaleDateString(
+                                "en-US",
+                                {
+                                    month: "short",
+                                    day: "2-digit",
+                                },
+                            )}
+                        </span>
+                        <a
+                            href={`/posts/${post.slug}/`}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            class="underline pl-2"
+                        >
+                            {post.data.filetitle}.md
+                        </a>
+                    </li>
+                ))
+            }
+        </ul>
+    </div>
 </body>
diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
@@ -20,12 +20,11 @@ const { frontmatter, readTime } = Astro.props;
                                 weekday: "long",
                                 month: "long",
                                 day: "numeric",
-                                timeZone: "America/Vancouver",
                             },
                         )
                     }</span
                 >
-                <span class="mx-1"> • </span>
+                <span class="mx-2"> • </span>
                 <span>{readTime}</span>
             </p>
             <p></p>