import type { ReactNode } from "react";
import Link from "next/link";
import { absoluteFromApiPath } from "@/lib/api";
import type { PublicPostListItem } from "@/lib/posts";
import {
PostFeaturedImage,
PostFeaturedPlaceholder,
postFeaturedAspectClass,
} from "@/components/PostFeaturedMedia";
function formatDate(iso: string | null) {
if (!iso) return "";
try {
return new Date(iso).toLocaleDateString("vi-VN", {
year: "numeric",
month: "long",
day: "numeric",
});
} catch {
return "";
}
}
type PublicPostArchiveListProps = {
items: PublicPostListItem[];
page: number;
totalPages: number;
hrefForPage: (page: number) => string;
/** Short line above the empty body — calmer than a wall of text. */
emptyTitle?: string;
emptyMessage: ReactNode;
};
export function PublicPostArchiveList({
items,
page,
totalPages,
hrefForPage,
emptyTitle,
emptyMessage,
}: PublicPostArchiveListProps) {
return (
<>
{items.length === 0 ? (
-
{emptyTitle ? (
{emptyTitle}
) : null}
{emptyMessage}
) : (
items.map((post) => {
const img = absoluteFromApiPath(post.featuredImage);
return (
-
{img ? (
) : (
)}
{post.category.name}
{post.publishedAt ? (
) : null}
{post.title}
{post.excerpt ? (
{post.excerpt}
) : null}
);
})
)}
{totalPages > 1 ? (
) : null}
);
}