2022-06-11 03:08:49 +00:00
|
|
|
import { NextPage, NextPageContext } from 'next'
|
|
|
|
|
import { useTranslation } from 'next-i18next'
|
|
|
|
|
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
|
|
|
|
|
import { default as Head } from 'next/head'
|
2022-06-09 21:43:38 +00:00
|
|
|
import defaultPostcard from "../../public/postcards/adi-goldstein-Hli3R6LKibo-unsplash.jpg"
|
2022-06-11 03:08:49 +00:00
|
|
|
import { Postcard } from '../../components/postcard/changer'
|
|
|
|
|
import useSWR from 'swr'
|
|
|
|
|
import { Event } from '@prisma/client'
|
2022-07-17 04:20:52 +00:00
|
|
|
import { EditableMarkdown, EditableText } from '../../components/generic/editable/inputs'
|
2022-07-16 16:18:41 +00:00
|
|
|
import { EditingContext, EditingMode } from '../../components/generic/editable/base'
|
2022-07-18 02:47:02 +00:00
|
|
|
import { useCallback, useState } from 'react'
|
2022-07-16 16:18:41 +00:00
|
|
|
import { ToolBar } from '../../components/generic/toolbar/bar'
|
|
|
|
|
import { ToolToggleEditing } from '../../components/events/toolbar/toolToggleEditing'
|
|
|
|
|
import { ToolToggleVisibility } from '../../components/postcard/toolbar/toolToggleVisibility'
|
|
|
|
|
import { WIPBanner } from '../../components/generic/wip/banner'
|
2022-07-16 18:02:03 +00:00
|
|
|
import { AuthContext } from '../../components/auth/base'
|
|
|
|
|
import { useDefinedContext } from '../../utils/definedContext'
|
2022-07-17 02:28:46 +00:00
|
|
|
import { ViewContent } from '../../components/generic/views/content'
|
|
|
|
|
import { useAxios } from '../../components/auth/requests'
|
2022-07-18 02:47:02 +00:00
|
|
|
import { faAsterisk } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
|
import { FestaIcon } from '../../components/generic/renderers/fontawesome'
|
2022-07-18 22:42:56 +00:00
|
|
|
import { promiseMultiplexer, usePromise, UsePromiseStatus } from '../../components/generic/loading/promise'
|
2022-07-18 04:13:19 +00:00
|
|
|
import { EditingContextProvider } from '../../components/generic/editable/provider'
|
2022-07-18 22:42:56 +00:00
|
|
|
import { swrMultiplexer } from '../../components/generic/loading/swr'
|
|
|
|
|
import { LoadingMain, LoadingInline } from '../../components/generic/loading/renderers'
|
|
|
|
|
import { ViewNotice } from '../../components/generic/views/notice'
|
|
|
|
|
import { ErrorBlock } from '../../components/generic/errors/renderers'
|
2022-07-19 17:04:29 +00:00
|
|
|
import { database } from '../../utils/prismaClient'
|
2022-06-03 01:55:02 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
export async function getServerSideProps(context: NextPageContext) {
|
2022-07-19 17:04:29 +00:00
|
|
|
const slug = context.query.slug as string
|
|
|
|
|
|
2022-06-03 01:55:02 +00:00
|
|
|
return {
|
|
|
|
|
props: {
|
2022-07-19 17:04:29 +00:00
|
|
|
slug,
|
|
|
|
|
event: await database.event.findUnique({ where: { slug } }),
|
2022-06-03 01:55:02 +00:00
|
|
|
...(await serverSideTranslations(context.locale ?? "it-IT", ["common"]))
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2022-06-11 03:08:49 +00:00
|
|
|
type PageEventProps = {
|
2022-07-19 17:04:29 +00:00
|
|
|
slug: string,
|
|
|
|
|
event: Event,
|
2022-06-03 01:55:02 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2022-07-19 17:04:29 +00:00
|
|
|
const PageEvent: NextPage<PageEventProps> = ({ slug, event }) => {
|
2022-07-18 04:13:19 +00:00
|
|
|
const { t } = useTranslation()
|
2022-07-19 17:04:29 +00:00
|
|
|
const swrHook = useSWR<Event>(`/api/events/${slug}`, { fallback: event })
|
2022-07-18 04:13:19 +00:00
|
|
|
const [auth,] = useDefinedContext(AuthContext)
|
|
|
|
|
const axios = useAxios()
|
2022-06-10 03:21:02 +00:00
|
|
|
|
2022-07-17 02:28:46 +00:00
|
|
|
const save = useCallback(
|
2022-07-17 00:31:04 +00:00
|
|
|
async () => {
|
2022-07-18 22:42:56 +00:00
|
|
|
if (swrHook.data === undefined) {
|
2022-07-18 02:47:02 +00:00
|
|
|
console.warn("[PageEvent] Tried to save while no data was available.")
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
2022-07-18 22:42:56 +00:00
|
|
|
await axios.patch(`/api/events/${slug}`, swrHook.data)
|
|
|
|
|
swrHook.mutate(swrHook.data)
|
2022-07-18 04:13:19 +00:00
|
|
|
console.debug("[PageEvent] Saved updated data successfully!")
|
2022-07-16 18:02:03 +00:00
|
|
|
},
|
2022-07-18 22:42:56 +00:00
|
|
|
[axios, swrHook]
|
2022-07-16 18:02:03 +00:00
|
|
|
)
|
|
|
|
|
|
2022-06-04 03:13:19 +00:00
|
|
|
return <>
|
|
|
|
|
<Head>
|
2022-07-18 22:42:56 +00:00
|
|
|
<title key="title">{swrHook.data?.name ?? slug} - {t("siteTitle")}</title>
|
2022-06-04 03:13:19 +00:00
|
|
|
</Head>
|
2022-06-11 03:08:49 +00:00
|
|
|
<Postcard
|
2022-07-18 22:42:56 +00:00
|
|
|
src={swrHook.data?.postcard || defaultPostcard}
|
2022-06-11 03:08:49 +00:00
|
|
|
/>
|
2022-07-16 16:18:41 +00:00
|
|
|
<WIPBanner />
|
2022-07-18 04:13:19 +00:00
|
|
|
<EditingContextProvider>
|
2022-07-18 22:42:56 +00:00
|
|
|
{swrMultiplexer({
|
|
|
|
|
hook: swrHook,
|
|
|
|
|
loading: () => (
|
|
|
|
|
<ViewNotice
|
|
|
|
|
notice={
|
|
|
|
|
<LoadingMain text={t("eventLoading")} />
|
|
|
|
|
}
|
2022-07-16 16:18:41 +00:00
|
|
|
/>
|
2022-07-18 22:42:56 +00:00
|
|
|
),
|
|
|
|
|
ready: (data) => (
|
|
|
|
|
<ViewContent
|
|
|
|
|
title={
|
|
|
|
|
<EditableText
|
|
|
|
|
value={data?.name ?? slug}
|
|
|
|
|
onChange={e => swrHook.mutate(async state => state ? { ...state, name: e.target.value } : undefined, { revalidate: false })}
|
|
|
|
|
placeholder={t("eventTitlePlaceholder")}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
content={
|
|
|
|
|
<EditableMarkdown
|
|
|
|
|
value={data?.description ?? ""}
|
|
|
|
|
onChange={e => swrHook.mutate(async state => state ? { ...state, description: e.target.value } : undefined, { revalidate: false })}
|
|
|
|
|
placeholder={t("eventDescriptionPlaceholder")}
|
|
|
|
|
/>
|
|
|
|
|
}
|
2022-07-16 16:18:41 +00:00
|
|
|
/>
|
2022-07-18 22:42:56 +00:00
|
|
|
),
|
|
|
|
|
error: (error) => (
|
|
|
|
|
<ViewNotice
|
|
|
|
|
notice={
|
|
|
|
|
<ErrorBlock
|
|
|
|
|
text={t("eventError")}
|
|
|
|
|
error={error}
|
|
|
|
|
/>
|
|
|
|
|
}
|
|
|
|
|
/>
|
|
|
|
|
)
|
|
|
|
|
})}
|
|
|
|
|
|
2022-07-16 16:18:41 +00:00
|
|
|
<ToolBar vertical="vadapt" horizontal="right">
|
|
|
|
|
<ToolToggleVisibility />
|
2022-07-18 22:42:56 +00:00
|
|
|
{swrHook.data && auth?.userId === swrHook.data?.creatorId &&
|
2022-07-16 18:02:03 +00:00
|
|
|
<ToolToggleEditing
|
2022-07-18 03:06:39 +00:00
|
|
|
save={save}
|
2022-07-16 18:02:03 +00:00
|
|
|
/>
|
|
|
|
|
}
|
2022-07-16 16:18:41 +00:00
|
|
|
</ToolBar>
|
2022-07-18 04:13:19 +00:00
|
|
|
</EditingContextProvider>
|
2022-06-04 03:13:19 +00:00
|
|
|
</>
|
2022-06-11 03:08:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default PageEvent
|
