Blogs listing + Categories

frontend/app/(main)/blogs/page.tsx

@@ -1,9 +1,34 @@
-import Blog from "@/components/blog";
+"use server";
+import Blogs from "@/components/blog";
+import request from "@/lib/request";
+import { Blog } from "@/types/types";
+import Categories from "./categories";
+import NoBlogs from "./no-blogs";
+
+export default async function History({
+	searchParams,
+}: {
+	searchParams: Promise<{ category?: string }>;
+}) {
+	const { category } = await searchParams;
+	let url = "/blogs";
+	if (category) url += `?category=${category}`;
+	const blogs = await request<Blog[]>(url, {
+		requiresAuth: false,
+	});
+
+	if (!blogs.data || blogs.data.length < 1) {
+		return <NoBlogs />;
+	}
+
+	if (blogs?.status === "Error") {
+		return <p>Un problème est survenue.</p>;
+	}
 
-export default function History() {
 	return (
-		<div className="flex flex-col">
-			<Blog />
+		<div className="flex flex-col md:flex-row">
+			<Categories selectedCategory={category} />
+			<Blogs blogs={blogs.data} />
 		</div>
 	);
 }