add more post meta

algasami · May 14, 2024 · e5edc42 · e5edc42
1 parent ef3e6ca
commit e5edc42
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 3 deletions.
diff --git a/app/[lang]/posts/[slug]/utils.ts b/app/[lang]/posts/[slug]/utils.ts
@@ -14,6 +14,7 @@ export const buildProps = (slug: string, lang: Locale) => {
   const post = {
     title: postFull.title,
     date: postFull.date,
+    slug: slug,
     description: postFull.description,
     body: {
       code: postFull.body.code,

diff --git a/app/components/postLayout.tsx b/app/components/postLayout.tsx
@@ -3,10 +3,13 @@ import formatDate from "./formatDate";
 import PostBody from "./postBody";
 import { Locale } from "i18n-config";
 import { getDictionary } from "get-dictionary";
+import { Icon } from "@mui/material";
+import { CalendarToday, Source } from "@mui/icons-material";
 
 export interface PostForPostLayout {
   date: string;
   title: string;
+  slug: string;
 }
 
 export type RelatedPostForPostLayout = {
@@ -41,10 +44,28 @@ export default function PostLayout({
             </div>
 
             <dl className="space-y-10">
-              <div>
-                <dd className="text-base font-medium leading-6 text-gray-500 transition-colors dark:text-gray-400">
+              <div className="text-base font-medium leading-6 text-gray-500 transition-colors dark:text-gray-400 flex flex-row justify-center">
+                <div id="post-publish-date" className="flex flex-col mx-2">
+                  <Icon className="flex flex-row justify-center w-full mb-2">
+                    <CalendarToday color="inherit" />
+                    {dict.date}
+                  </Icon>
                   <time dateTime={date}>{formatDate(date, locale)}</time>
-                </dd>
+                </div>
+                <div id="post-source-code" className="flex flex-col mx-2">
+                  <Icon className="flex flex-row justify-center w-full mb-2">
+                    <Source color="inherit" />
+                    {dict.source}(GitHub)
+                  </Icon>
+                  <a
+                    className="dynamic-link"
+                    href={`https://github.com/algasami/algasami.github.io/tree/main/app/content/posts/${post.slug}.mdx`}
+                    target="_blank"
+                    rel="noreferrer noopener"
+                  >
+                    {post.slug}.mdx
+                  </a>
+                </div>
               </div>
             </dl>
           </div>

diff --git a/dictionaries.tsx b/dictionaries.tsx
@@ -85,6 +85,8 @@ export const en = {
     meta_description: "Repository for the site's posts.",
     next: "Next Post",
     last: "Last Post",
+    date: "Date",
+    source: "Source",
   },
   graph: {
     title: "Graph",
@@ -234,6 +236,8 @@ export const zh_tw: typeof en = {
     meta_description: "本網站的貼文儲存點。",
     next: "下一篇",
     last: "上一篇",
+    date: "日期",
+    source: "來源",
   },
   graph: {
     title: "圖論",