Automatic generation of list on log page

1 files changed, 32 insertions, 5 deletions

diff --git a/pages/logs/index.tsx b/pages/logs/index.tsx
index 7f11e86..ed3c58b 100644
--- a/pages/logs/index.tsx
+++ b/pages/logs/index.tsx
@@ -1,16 +1,43 @@
 import DefaultPage from '../../templates/Default';
 import Markdown from '../../components/Markdown';
+
+import { GetStaticProps, GetStaticPropsContext } from 'next';
+import React, { FC } from 'react';
+import { getPosts, getMetadata, Post, PostMetadata } from '../../utils/Posts';
 //@ts-ignore
 import md from './logs.md';
 
-export default function Logs() {
+
+interface Props {
+  posts: Post[]
+};
+
+const Logs : FC<Props> = ({ posts }) => {
+  console.log(posts);
   return(
     <DefaultPage
       path={"/logs"}
     >
-      <Markdown
-        md={md}
-      />
+      <ul>
+      {
+        posts.map(({ directory, meta }) => (
+          <li><a href={'/logs/' + directory}>{meta.name}</a></li>
+        ))
+      }
+      </ul>
     </DefaultPage>
   );
-}
\ No newline at end of file
+};
+
+export default Logs;
+
+
+export const getStaticProps: GetStaticProps = async (
+  context: GetStaticPropsContext
+) => {
+  const posts = await getPosts();
+
+  return {
+    props: { posts: posts },
+  }
+}