From b04689353ff2e9daca2c9fb2ab8cd5a0b7309f93 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Mon, 17 Jul 2023 17:26:18 -0400
Subject: New page; Post now sorts by dates

---
 components/travel-advisory/HistoryModal.js | 2 +-
 components/updates/DateFormatter.js        | 2 +-
 components/updates/getPostMetadata.js      | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

(limited to 'components')

diff --git a/components/travel-advisory/HistoryModal.js b/components/travel-advisory/HistoryModal.js
index ad9c039..9ff835a 100644
--- a/components/travel-advisory/HistoryModal.js
+++ b/components/travel-advisory/HistoryModal.js
@@ -17,7 +17,7 @@ const HistoryModal = ({ isVisible, onClose, countries, dangerLevel, history }) =
 
     return (
         <div id="wrapper" className="fixed inset-0 bg bg-opacity-25 backdrop-blur-sm flex justify-center items-center" onClick={handleClose}>
-            <div className="w-[600px]">
+            <div className="w-[700px]">
                 <div className="flex flex-col">
                     <div className="bg-zinc-800 p-5 rounded-lg border border-gray-700">
                         <div className="divide-y space-y-3">
diff --git a/components/updates/DateFormatter.js b/components/updates/DateFormatter.js
index 11f3bf3..9e236d0 100644
--- a/components/updates/DateFormatter.js
+++ b/components/updates/DateFormatter.js
@@ -6,4 +6,4 @@ const DateFormatter = (dateString) => {
   return <time dateTime={dateString}>{format(date, 'LLLL d, yyyy')}</time>
 }
 
-export default DateFormatter
\ No newline at end of file
+export default DateFormatter
diff --git a/components/updates/getPostMetadata.js b/components/updates/getPostMetadata.js
index 88e4566..515cc79 100644
--- a/components/updates/getPostMetadata.js
+++ b/components/updates/getPostMetadata.js
@@ -6,7 +6,7 @@ export default function getPostMetadata() {
     const files = readdirSync(folder);
     const markdownPosts = files.filter((file) => file.endsWith(".md"));
 
-    return markdownPosts.map((fileName) => {
+    const posts = markdownPosts.map((fileName) => {
         const fileContent = readFileSync(`posts/${fileName}`, "utf-8");
         const matterResult = matter(fileContent);
         return {
@@ -17,4 +17,8 @@ export default function getPostMetadata() {
             slug: fileName.replace(".md", "")
         }
     })
+
+    // Sort the posts by date in descending order
+    posts.sort((a, b) => new Date(b.date) - new Date(a.date));
+    return posts
 }
-- 
cgit v1.2.3