Fix reference error

kir-dev · Sep 10, 2024 · fa78f38 · fa78f38
1 parent c20f089
commit fa78f38
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/frontend/src/pages/events/components/EventList.tsx b/frontend/src/pages/events/components/EventList.tsx
@@ -13,14 +13,14 @@ interface EventListProps {
 const EventList = ({ eventList, groupByDay }: EventListProps) => {
   const config = useConfigContext()
   const eventGroups = useMemo(() => groupEventsByDay(eventList), [eventList])
-  if (!groupByDay) return <EventListGroup eventList={eventList} useLink={config?.components.event?.enableDetailedView} />
+  if (!groupByDay) return <EventListGroup eventList={eventList} useLink={config?.components?.event?.enableDetailedView} />
 
   return (
     <VStack>
       {eventGroups.map((group) => (
         <Box key={group.date.getTime()} w="full">
           <Heading mb={2}>{group.date.toLocaleDateString('hu-HU', { month: '2-digit', day: '2-digit' })}</Heading>
-          <EventListGroup eventList={group.events} useLink={config?.components.event?.enableDetailedView} />
+          <EventListGroup eventList={group.events} useLink={config?.components?.event?.enableDetailedView} />
         </Box>
       ))}
     </VStack>

diff --git a/frontend/src/pages/events/components/EventListItem.tsx b/frontend/src/pages/events/components/EventListItem.tsx
@@ -48,7 +48,7 @@ const EventListItem = ({ event, useLink }: EventListItemProps) => {
 
   return (
     <Box w="100%">
-      {config.components.event?.enableDetailedView ? (
+      {config.components?.event?.enableDetailedView ? (
         <Link to={`${AbsolutePaths.EVENTS}/${event.url}`}> {innerComponent} </Link>
       ) : (
         innerComponent

diff --git a/frontend/src/pages/events/components/event-calendar/EventBox.tsx b/frontend/src/pages/events/components/event-calendar/EventBox.tsx
@@ -26,7 +26,7 @@ interface EventBoxProps {
 }
 
 export function EventBox({ event, boxRef }: EventBoxProps) {
-  const component = useConfigContext().components.event
+  const component = useConfigContext()?.components?.event
   const eventBg = useColorModeValue('brand.500', 'brand.300')
   const eventTextColor = useColorModeValue('white', 'black')
   return (

diff --git a/frontend/src/pages/events/eventCalendar.page.tsx b/frontend/src/pages/events/eventCalendar.page.tsx
@@ -13,7 +13,7 @@ import { DayCalendar } from './components/event-calendar/DayCalendar'
 import { WeekCalendar } from './components/event-calendar/WeekCalendar'
 
 function EventCalendarPage() {
-  const component = useConfigContext()?.components.event
+  const component = useConfigContext()?.components?.event
 
   const { isLoading, isError, data } = useEventListQuery()
 

diff --git a/frontend/src/pages/events/eventList.page.tsx b/frontend/src/pages/events/eventList.page.tsx
@@ -36,7 +36,7 @@ import { EventListView } from '../../util/views/event.view'
 
 const EventListPage = () => {
   const { isLoading, isError, data } = useEventListQuery()
-  const component = useConfigContext()?.components.event
+  const component = useConfigContext()?.components?.event
   const { isOpen, onToggle } = useDisclosure()
   const tabsSize = useBreakpointValue({ base: 'sm', md: 'md' })
   const breakpoint = useBreakpoint()

diff --git a/frontend/src/pages/home/components/Schedule.tsx b/frontend/src/pages/home/components/Schedule.tsx
@@ -14,7 +14,7 @@ export const Schedule = ({ events, verbose }: ScheduleProps) => {
   return (
     <>
       {events.map((event, idx) => (
-        <EventDisplay verbose={verbose} key={idx} event={event} useLink={config?.components.event.enableDetailedView} />
+        <EventDisplay verbose={verbose} key={idx} event={event} useLink={config?.components?.event?.enableDetailedView} />
       ))}
     </>
   )