diff --git a/app/blog/data/posts.json b/app/blog/data/posts.json index 8e7479fcb..7d0f899b4 100644 --- a/app/blog/data/posts.json +++ b/app/blog/data/posts.json @@ -36,7 +36,7 @@ }, { "slug": "third-post", - "title": "third Post", + "title": "", "imageUrl": "https://images.unsplash.com/photo-1724870069803-ee8d7119d608?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwxNXx8fGVufDB8fHx8fA%3D%3D", "date": "2024-08-30", "content": "This is the content of the third post." diff --git a/app/blog/first-post/page.tsx b/app/blog/first-post/page.tsx index 8e9b3b1a4..be3d1e514 100644 --- a/app/blog/first-post/page.tsx +++ b/app/blog/first-post/page.tsx @@ -2,6 +2,7 @@ import { IconShare, IconLink, IconHeartFilled, IconQuote } from '@tabler/icons-r import posts from '../data/posts.json'; import LikeButton from '@/app/components/LikeButton'; import Image from "next/image" +import Link from 'next/link'; const post = posts.find(p => p.slug === 'first-post'); @@ -12,22 +13,29 @@ export default function FirstPostPage() {

think it

-

{post?.title}

-
+

{post?.title ? ( + + {post?.title} + + ):(
title in processing
)}

+
- by + by {post?.author} / - {new Date(post?.date as string).toLocaleString("en-US", { + {new Date(post?.date as string).toLocaleString("en-US", { day: 'numeric', month: 'long', year: 'numeric' })} / - + {post?.duration}
diff --git a/app/blog/layout.tsx b/app/blog/layout.tsx index ca8bc33b7..efbebf44e 100644 --- a/app/blog/layout.tsx +++ b/app/blog/layout.tsx @@ -15,8 +15,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - - + <>
@@ -40,7 +39,6 @@ export default function RootLayout({
{children} - - + ); } diff --git a/app/blog/page.tsx b/app/blog/page.tsx index 4ce5ccd9d..85c40544b 100644 --- a/app/blog/page.tsx +++ b/app/blog/page.tsx @@ -46,13 +46,15 @@ export default function BlogIndexPage() {
No image available
)}
-
- - {post.title} - +

+ {post.title ? ( + + {post.title} + + ):(
title in processing
)}

{new Date(post.date).toLocaleDateString("en-US", { @@ -61,7 +63,7 @@ export default function BlogIndexPage() { day: "numeric", })}

- + ●

{post.author}

Read post

- + ))} diff --git a/app/components/footer.tsx b/app/components/footer.tsx index 159222fdf..d4299991c 100644 --- a/app/components/footer.tsx +++ b/app/components/footer.tsx @@ -48,7 +48,7 @@ export default function Footer() { return ( <> -