festa/components/EventList.tsx

import { Event } from "@prisma/client"
import { default as Link } from "next/link"

type EventListProps = {
    data: Event[]
}

export function EventList(props: EventListProps) {
    const contents = props.data.map(e => (
        <li key={e.slug}>
            <Link href={`/events/${e.slug}`}>
                {e.name}
            </Link>
        </li>
    ))

    return <ul className="list-events">{contents}</ul>
}