diff --git a/pages/events/[slug].tsx b/pages/events/[slug].tsx index be0b278..db028fa 100644 --- a/pages/events/[slug].tsx +++ b/pages/events/[slug].tsx @@ -4,10 +4,9 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations' import { default as Head } from 'next/head' import defaultPostcard from "../../public/postcards/adi-goldstein-Hli3R6LKibo-unsplash.jpg" import { Postcard } from '../../components/postcard/changer' -import { ViewEvent } from '../../components/events/views/event' import useSWR from 'swr' import { Event } from '@prisma/client' -import { EditableFilePicker, EditableText } from '../../components/generic/editable/inputs' +import { EditableMarkdown, EditableText } from '../../components/generic/editable/inputs' import { EditingContext, EditingMode } from '../../components/generic/editable/base' import { useCallback, useContext, useState } from 'react' import { ToolBar } from '../../components/generic/toolbar/bar' @@ -16,7 +15,6 @@ import { ToolToggleVisibility } from '../../components/postcard/toolbar/toolTogg import { WIPBanner } from '../../components/generic/wip/banner' import { AuthContext } from '../../components/auth/base' import { useDefinedContext } from '../../utils/definedContext' -import { asleep } from '../../utils/asleep' import { ViewContent } from '../../components/generic/views/content' import { useAxios } from '../../components/auth/requests' @@ -38,14 +36,10 @@ type PageEventProps = { const PageEvent: NextPage = ({ slug }) => { const { t } = useTranslation() - const { data, error, mutate } = useSWR(`/api/events/${slug}`) + const { data, mutate } = useSWR(`/api/events/${slug}`) const [auth, _setAuth] = useDefinedContext(AuthContext) const axios = useAxios() - const displayTitle = data?.name ?? slug - const displayPostcard = data?.postcard ?? defaultPostcard - const displayDescription = data?.description ?? "" - const save = useCallback( async () => { await axios.patch(`/api/events/${slug}`, data) @@ -56,26 +50,26 @@ const PageEvent: NextPage = ({ slug }) => { return <> - {displayTitle} - {t("siteTitle")} + {data?.name ?? slug} - {t("siteTitle")} (EditingMode.VIEW)}> mutate(async state => state ? { ...state, name: e.target.value } : undefined, { revalidate: false })} /> } - content={<> - mutate(async state => state ? { ...state, description: e.target.value } : undefined, { revalidate: false })} /> - } + } />