Edit event detail page to make it compile?

ChangePlusPlusVandy · Nov 11, 2023 · f4c7527 · f4c7527
1 parent 8fc48fd
commit f4c7527
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/components/Event/Event.tsx b/components/Event/Event.tsx
@@ -1,4 +1,4 @@
-import { QueriedVolunteerEventData } from 'bookem-shared/src/types/database';
+import { QueriedVolunteerEventDTO } from 'bookem-shared/src/types/database';
 import React, { useState } from 'react';
 import Header from '@/components/Event/Header';
 import BookIcon from '@/components/Event/BookIcon';
@@ -21,7 +21,7 @@ import { BOOKEM_THEME } from '@/utils/constants';
  * Event Detail
  * @param event Data about the event
  */
-const Event = ({ event }: { event: QueriedVolunteerEventData }) => {
+const Event = ({ event }: { event: QueriedVolunteerEventDTO }) => {
   /**
    * True: display About
    * False: display Contact

diff --git a/components/Event/EventName.tsx b/components/Event/EventName.tsx
@@ -1,4 +1,4 @@
-import { QueriedVolunteerEventData } from 'bookem-shared/src/types/database';
+import { QueriedVolunteerEventDTO } from 'bookem-shared/src/types/database';
 import React, { useEffect } from 'react';
 import {
   EventNameBox,
@@ -15,7 +15,7 @@ import Image from 'next/image';
  * Calculate the length of the event volunteers
  * If event.volunteers is undefined, return 0
  */
-export const getEventLength = (event: QueriedVolunteerEventData) => {
+export const getEventLength = (event: QueriedVolunteerEventDTO) => {
   if (event.volunteers && event.volunteers.length)
     return event.volunteers.length;
   else return 0;
@@ -33,7 +33,7 @@ const EventName = ({
 }: {
   signedUp: boolean;
   setSignedUp: (signedUp: boolean) => void;
-  event: QueriedVolunteerEventData;
+  event: QueriedVolunteerEventDTO;
   signUpEvent: () => void;
 }) => {
   const { data: session } = useSession();
@@ -54,7 +54,7 @@ const EventName = ({
       <Media greaterThanOrEqual="sm">
         <NameAndSpot>
           <b>{event.name}</b>
-          {event.tags.length > 0 && <p>({event.program.tagName})</p>}
+          {event.tags.length > 0 && <p>({event.program?.name})</p>}
           <br />
           {getEventLength(event)}/{event.maxSpot} spots filled
         </NameAndSpot>
@@ -66,7 +66,7 @@ const EventName = ({
       {/* Mobile */}
       <Media lessThan="sm">
         <NameAndSpot>
-          <b>{event.name}</b> <span>({event.program?.tagName}) </span>
+          <b>{event.name}</b> <span>({event.program?.name}) </span>
           <br />
           <StatusBox>
             <Image src="/event/dot.svg" alt="" width={10} height={10} />

diff --git a/components/Event/Footer.tsx b/components/Event/Footer.tsx
@@ -1,5 +1,5 @@
 import { SignupButton } from '@/styles/components/Event/event.styles';
-import { QueriedVolunteerEventData } from 'bookem-shared/src/types/database';
+import { QueriedVolunteerEventDTO } from 'bookem-shared/src/types/database';
 import { useSession } from 'next-auth/react';
 import React, { useEffect } from 'react';
 import { getEventLength } from '@/components/Event/EventName';
@@ -20,7 +20,7 @@ const Footer = ({
 }: {
   signedUp: boolean;
   setSignedUp: (signedUp: boolean) => void;
-  event: QueriedVolunteerEventData;
+  event: QueriedVolunteerEventDTO;
   signUpEvent: () => void;
 }) => {
   // Get user id in session

diff --git a/pages/event/[pid].tsx b/pages/event/[pid].tsx
@@ -1,6 +1,6 @@
 import Event from '@/components/Event/Event';
 import { fetchData } from '@/utils/utils';
-import { QueriedVolunteerEventData } from 'bookem-shared/src/types/database';
+import { QueriedVolunteerEventDTO } from 'bookem-shared/src/types/database';
 import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 
@@ -12,7 +12,7 @@ const EventDetail = () => {
   const router = useRouter();
   const { pid } = router.query;
 
-  const [event, setEvent] = useState<QueriedVolunteerEventData>();
+  const [event, setEvent] = useState<QueriedVolunteerEventDTO>();
   const [error, setError] = useState<Error>();
 
   // use simple fetch to fetch when component is mounted