diff --git a/app/javascript/parseCmsContent.ts b/app/javascript/parseCmsContent.tsx similarity index 62% rename from app/javascript/parseCmsContent.ts rename to app/javascript/parseCmsContent.tsx index 7f2d35a2dc2..1b811577d42 100644 --- a/app/javascript/parseCmsContent.ts +++ b/app/javascript/parseCmsContent.tsx @@ -1,6 +1,8 @@ +import { useSuspenseQuery } from '@apollo/client/react'; import { lazyWithAppEntrypointHeadersCheck } from './checkAppEntrypointHeadersMatch'; import parsePageContent, { DEFAULT_COMPONENT_MAP, ComponentMap } from './parsePageContent'; import CookieConsent from './UIComponents/CookieConsent'; +import { EventPageQueryDocument } from 'EventsApp/EventPage/queries.generated'; const AddToCalendarDropdown = lazyWithAppEntrypointHeadersCheck( () => import('./EventsApp/SignupAdmin/AddToCalendarDropdown'), @@ -24,17 +26,37 @@ const WithdrawMySignupButton = lazyWithAppEntrypointHeadersCheck( () => import(/* webpackChunkName: 'withdraw-my-signup-button' */ './EventsApp/EventPage/WithdrawMySignupButton'), ); +function EventAdminMenuWrapper({ eventId }: { eventId: string }) { + const { data } = useSuspenseQuery(EventPageQueryDocument, { variables: { eventId } }); + return ; +} + +function LongFormEventDetailsWrapper({ eventId }: { eventId: string }) { + const { data } = useSuspenseQuery(EventPageQueryDocument, { variables: { eventId } }); + return ; +} + +function RunsSectionWrapper({ eventId }: { eventId: string }) { + const { data } = useSuspenseQuery(EventPageQueryDocument, { variables: { eventId } }); + return ; +} + +function ShortFormEventDetailsWrapper({ eventId }: { eventId: string }) { + const { data } = useSuspenseQuery(EventPageQueryDocument, { variables: { eventId } }); + return ; +} + export const CMS_COMPONENT_MAP: ComponentMap = { ...DEFAULT_COMPONENT_MAP, AddToCalendarDropdown, ConventionLocationMap, CookieConsent, - EventAdminMenu, - LongFormEventDetails, + EventAdminMenu: EventAdminMenuWrapper, + LongFormEventDetails: LongFormEventDetailsWrapper, ProposeEventButton, - RunsSection, + RunsSection: RunsSectionWrapper, MaximumEventSignupsPreview, - ShortFormEventDetails, + ShortFormEventDetails: ShortFormEventDetailsWrapper, WithdrawMySignupButton, };