refactor: content within the blog section

src/app/(pages)/blog/[post]/page.tsx

@@ -1,10 +1,9 @@
 import { Suspense } from 'react';
 import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
-import { getBlogPost } from '@/app/actions/blog';
-import { getBlogPosts } from '@/app/api/blogs/content';
+import { getBlogPosts, getBlogPost } from '../content';
 import { pub } from '@/lib/env';
-import LoadingScreen from '../loading';
+import LoadingScreen from '@/app/components/reusables/loading-screen';
 import BlogSection from '@/app/components/blog/blog-section';
 
 type RouteParams = {

src/app/api/blogs/content.ts → src/app/(pages)/blog/content.ts

@@ -5,6 +5,7 @@ import path from 'path';
 import fm from 'front-matter';
 import type { MDXData, BlogData } from '@/lib/types/mdx';
 import { BLOG_CONTENT_PATH } from '@/lib/constants';
+import type { Maybe } from '@/lib/types/global';
 
 function parseMDX(content: string): MDXData {
   return fm(content) as MDXData;
@@ -50,3 +51,10 @@ async function getMDXData(dir: string): Promise<BlogData[]> {
 export async function getBlogPosts(): Promise<BlogData[]> {
   return getMDXData(path.join(process.cwd(), BLOG_CONTENT_PATH));
 }
+
+export async function getBlogPost(slug: string): Promise<Maybe<BlogData>> {
+  // TODO: optimize
+  const blogs = await getBlogPosts();
+  const blogPost = blogs.find((p) => p?.filenameSlug === slug);
+  return blogPost;
+}

src/app/(pages)/blog/loading.tsx

@@ -1,2 +1,2 @@
-import LoadingScreen from '@/app/loading';
+import LoadingScreen from '@/app/components/reusables/loading-screen';
 export default LoadingScreen;

src/app/(pages)/blog/page.tsx

@@ -1,7 +1,7 @@
 import { Suspense } from 'react';
 import LoadingScreen from '@/app/components/reusables/loading-screen';
 import BlogPosts from '@/app/components/blog/blog-posts';
-import { getBlogPosts } from '@/app/actions/blog';
+import { getBlogPosts } from './content';
 import { notFound } from 'next/navigation';
 export default async function BlogPage() {
   const blogPosts = await getBlogPosts();