{event.name} - {t("siteTitle")}

import { Event, User } from "@prisma/client"; import { NextPageContext } from "next"; import { useTranslation } from "next-i18next"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import { default as Head } from "next/head"; import { ChangeEvent, useCallback, useState } from "react"; import { ToolBar } from "../../components/tools/ToolBar"; import { EditableMarkdown } from "../../components/editable/EditableMarkdown"; import { EditableText } from "../../components/editable/EditableText"; import { ToolToggleEditing } from "../../components/tools/ToolToggleEditing"; import { EditingContext } from "../../components/editable/EditingContext"; import { database } from "../../utils/prismaClient"; import { EditableFilePicker } from "../../components/editable/EditableFilePicker"; import { ViewEvent } from "../../components/view/ViewEvent"; import { ToolToggleVisible } from "../../components/tools/ToolToggleVisible"; import { EditableDateRange } from "../../components/editable/EditableDateRange"; import { WorkInProgress } from "../../components/WorkInProgress"; import { FormDateRange } from "../../components/form/FormDateRange"; import { Postcard } from "../../components/postcard/Postcard"; import { useFilePickerState } from "../../hooks/useFilePickerState"; export async function getServerSideProps(context: NextPageContext) { const slug = context.query.slug as string if (typeof slug === "object") { return { notFound: true } } const event = await database.event.findUnique({ where: { slug }, include: { creator: true } }) if (!event) { return { notFound: true } } return { props: { event, ...(await serverSideTranslations(context.locale ?? "it-IT", ["common"])) } } } type PageEventDetailProps = { event: Event & { creator: User } } export default function PageEventDetail({ event }: PageEventDetailProps) { const { t } = useTranslation() const editState = useState(false) const [title, setTitle] = useState(event.name) const [description, setDescription] = useState(event.description) const [postcard, setPostcard] = useState("") const [startingAt, setStartingAt] = useState(event.startingAt?.toISOString() ?? "") const [endingAt, setEndingAt] = useState(event.endingAt?.toISOString() ?? "") return <> {event.name} - {t("siteTitle")} ) => setTitle(e.target.value)} placeholder={t("eventDetailsTitlePlaceholder")} /> } postcard={ ) => e.target.files ? setPostcard(e.target.files[0] ?? null) : setPostcard(null)} placeholder={t("eventDetailsPostcardPlaceholder")} /> } description={<> ) => setDescription(e.target.value)} placeholder={t("eventDetailsDescriptionPlaceholder")} /> } daterange={<>} /> }