fix(frontend/Blog) fix compatibility with new backend

app/blog/BlogPostCard.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import Link from 'next/link';
 import { Card, CardBody, CardHeader } from '@nextui-org/card';
 import { Divider } from '@nextui-org/react';
 
@@ -8,8 +7,10 @@ type Props = {
 }
 
 function BlogPostCard({ post }: Props) {
-    const name = (post as any)['name'];
+    let title = (post as any)['title'];
-    const { title, desc } = (post as any)['meta'] as { title: string, desc: string };
+    let summary = (post as any)['summary'];
+    let last_update = (post as any)['last_update'];
+
     return (
 
         <div>
@@ -21,7 +22,11 @@ function BlogPostCard({ post }: Props) {
                 </CardHeader>
                 <Divider />
                 <CardBody>
-                        { desc }
+                    { summary }
+                </CardBody>
+                <Divider />
+                <CardBody>
+                    { last_update }
                 </CardBody>
             </Card>
             {/*</Link>*/ }

app/blog/fetch_posts_list.ts

@@ -1,19 +1,9 @@
-import { Result } from '@/app/public/type/Result';
+export default async function fetch_posts_list(): Promise<any> {
-
+    const response = await fetch(`http://localhost:${ process.env.BACKEND_PORT }/api/get/post_list`);
-export default async function fetch_posts_list(): Promise<Result<JSON[], Error>> {
-    const response = await fetch(`${ process.env.BLOG_ENDPOINT }/posts/idx.json`);
     if (!response.ok) {
-        return {
+        throw new Error(response.statusText);
-            ok: false,
-            error: new Error(response.statusText)
-        };
     }
-    const res = await response.json();
+    return await response.json();
-    const posts = res['idx'].filter((posts: { type: string }) => posts.type === 'md');
-    return {
-        ok: true,
-        value: posts
-    };
 }
 
 

app/blog/page.tsx

@@ -4,26 +4,27 @@ import BlogPostCard from '@/app/blog/BlogPostCard';
 
 async function Blog() {
 
+    try {
         const res = await fetch_posts_list();
-    if (!res.ok) {
+        let posts = res['posts'];
-        console.log(res.error);
-        return;
-    }
-    const posts = res.value;
-
-    console.log(posts);
-
         return (
-
             // blog list
             <ul className={ 'flex flex-col items-center w-full max-w-[1024px]' }>
-            { posts.map((post, key) => (
+                { posts.map((post: JSON, key: React.Key | null | undefined) => (
                     <li key={ key } className={ 'my-3.5 mx-7 w-[80%]' }>
                         <BlogPostCard post={ post } />
                     </li>)
                 ) }
             </ul>
         );
+    } catch (e: any) {
+        return (
+            <>
+                { e.toString() }
+            </>
+        );
+    }
+
 }
 
 export default Blog;