From ddbe4fa61425f6a871a23238ce15a0929e201e6e Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Mon, 17 Jul 2023 15:08:57 -0400
Subject: Modularizing certain elements; Working information section

---
 app/updates/[slug]/page.js |  5 +++--
 app/updates/page.js        | 14 +++++---------
 2 files changed, 8 insertions(+), 11 deletions(-)

(limited to 'app/updates')

diff --git a/app/updates/[slug]/page.js b/app/updates/[slug]/page.js
index 44c1f07..aa0ef9b 100644
--- a/app/updates/[slug]/page.js
+++ b/app/updates/[slug]/page.js
@@ -1,7 +1,8 @@
 import {readFileSync} from "fs";
 import Markdown from "markdown-to-jsx"
 import matter from "gray-matter";
-import getPostMetadata from "@/components/getPostMetadata";
+import getPostMetadata from "@/components/updates/getPostMetadata";
+import DateFormatter from "@/components/updates/DateFormatter";
 
 const getPostContent = (slug) => {
     const folder = "posts/";
@@ -25,7 +26,7 @@ export default function PostPage(props) {
             <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply">
                 <div className="sm:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3">
                     <h1 className="font-medium text-4xl">{post.data.title}</h1>
-                    <h2 className="text-sm">{post.data.author} | {post.data.date}</h2>
+                    <h2 className="text-sm">{post.data.author} | {DateFormatter(post.data.date)}</h2>
                     <h2 className="font-light text-lg">{post.data.description}</h2>
                 </div>
             </div>
diff --git a/app/updates/page.js b/app/updates/page.js
index 2055fad..04215c9 100644
--- a/app/updates/page.js
+++ b/app/updates/page.js
@@ -1,5 +1,6 @@
-import getPostMetadata from "@/components/getPostMetadata";
-import PostPreview from "@/components/PostPreview";
+import getPostMetadata from "@/components/updates/getPostMetadata";
+import PostPreview from "@/components/updates/PostPreview";
+import Header from "@/components/Header";
 
 export const metadata = {
     title: 'Updates',
@@ -13,13 +14,8 @@ export default function Updates() {
     ));
     return (
         <main className="flex flex-col">
-            <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply">
-                <div className="md:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3">
-                    <h1 className="font-medium text-4xl">{metadata.title}</h1>
-                    <h2 className="font-light text-lg">{metadata.description}</h2>
-                </div>
-            </div>
-            <div className="md:px-60 px-2 py-3">
+            <Header title={metadata.title} description={metadata.description} />
+            <div className="lg:px-60 px-2 py-3">
                 <div className="px-10 grid grid-cols-1 md:grid-cols-2 gap-4">{postPreviews}</div>
             </div>
         </main>
-- 
cgit v1.2.3