import getPosts from "./blog";

export const dynamic = 'auto',
    dynamicParams = true,
    revalidate = false,
    fetchCache = 'force-no-cache',
    runtime = 'nodejs',
    preferredRegion = 'auto'

export default async function Page({ children }) {
    const posts = await getPosts;
    return(
        <div>
            <div className="postList">
                {posts.items.map((item, i) => (
                    <div key={i} className="post">
                        <h1>
                            {item.title}
                        </h1>
                        <div className="postContent">
                            <div className="categories">
                                {item["@expand"].categories.map((item, i) => (
                                    <div key={i} style={{backgroundColor: item.color, color: item.text_color , borderRadius: 100, textAlign: "center", padding: "0.15rem", fontWeight: "bold"}}>
                                        {item.name}
                                    </div>
                                ))}
                            </div>
                            {item.content.split(/\r?\n/).map((item, i) => (
                                <p className="postParagraph" key={i}>
                                    {item}
                                </p>
                            ))}
                        </div>
                    </div>
                ))}
            </div>
        </div>
    );
}