import PostMessageForm from "@/components/post-messages";
import { prisma } from "@/prisma/db";

export default async function HomePage() {
    let messages = null
    try {
        messages = await prisma.message.findMany()
    } catch (error) {
        console.log("the database is not running, try: 'npx prisma migrate dev --name init' if you want to use the database")
    }

    return (
        <div>
            <h1>Home WIP</h1>
            <p>This will be where all messages show up.</p>
            <p>Needs a reload after posting!!</p>

            {messages ?
                <>
                    {messages.map((msg) => (
                        <li key={msg.id}> author: {msg.author} message: {msg.content} sentAt: {msg.sentAt?.toString()} </li>
                    ))}
                    <PostMessageForm data={messages}></PostMessageForm>
                </>
                :
                <p>no messages / no database</p>}
        </div>
    )
}