Merge branch 'dev' into fix-translated-images-link

Author: corwintines

src/components/Hero/HubHero/index.tsx

@@ -1,11 +1,4 @@
-import {
-  Box,
-  Heading,
-  HStack,
-  Stack,
-  Text,
-  useBreakpointValue,
-} from "@chakra-ui/react"
+import { Box, Heading, HStack, Stack, Text } from "@chakra-ui/react"
 
 import type { CommonHeroProps } from "@/lib/types"
 
@@ -21,22 +14,21 @@ const HubHero = (props: CommonHeroProps) => {
     )
   }
 
-  const height = useBreakpointValue({
-    base: "192px",
-    md: "256px",
-    lg: "320px",
-    xl: "576px",
-    "2xl": "672px",
-  })
-
   return (
     <Box position="relative">
       <Image
         src={heroImg}
         alt=""
         priority
         sizes="100vw"
-        style={{ width: "100vw", objectFit: "cover", height }}
+        style={{ width: "100vw", objectFit: "cover" }}
+        h={{
+          base: "192px",
+          md: "256px",
+          lg: "320px",
+          xl: "576px",
+          "2xl": "672px",
+        }}
       />
       <Stack
         spacing={{ base: "3", md: "4" }}

src/lib/api/calendarEvents.ts

@@ -22,22 +22,26 @@ export async function fetchCommunityEvents(): Promise<CommunityEventsReturnType>
     const pastEvents = await pastEventsReq.json()
     const pastEventsReqData: ReqCommunityEvent[] = pastEvents.items
 
-    const pastEventData = pastEventsReqData.map((event) => {
-      return {
-        date: event.start.dateTime,
-        title: event.summary,
-        calendarLink: event.htmlLink,
-        pastEventLink: event.location,
-      }
-    })
-    const upcomingEventData = futureEventsReqData.map((event) => {
-      return {
-        date: event.start.dateTime,
-        title: event.summary,
-        calendarLink: event.htmlLink,
-        pastEventLink: event.location,
-      }
-    })
+    const pastEventData = pastEventsReqData
+      .filter((event) => event.start)
+      .map((event) => {
+        return {
+          date: event.start.dateTime,
+          title: event.summary,
+          calendarLink: event.htmlLink,
+          pastEventLink: event.location,
+        }
+      })
+    const upcomingEventData = futureEventsReqData
+      .filter((event) => event.start)
+      .map((event) => {
+        return {
+          date: event.start.dateTime,
+          title: event.summary,
+          calendarLink: event.htmlLink,
+          pastEventLink: event.location,
+        }
+      })
 
     return {
       pastEventData,