show only past events

src/Events.js

@@ -93,12 +93,10 @@ function EventImage({ images }) {
 
 function EventCard({ event }) {
   const { name, location, date, ticket_url, event_id } = event
-  let { start: start_date } = date
-
   return (
     <span className="event-card">
       <h3>{name}</h3>
-      <Time date={new Date(start_date)} />
+      <Time date={date} />
       <Links ticket_url={ticket_url} event_id={event_id} />
       <Location location={location} />
     </span>
@@ -116,6 +114,24 @@ function Event({ event }) {
   )
 }
 
+function eventDateStringToDate(event) {
+  try {
+    return {
+      ...event,
+      date: new Date(event.date.start),
+    }
+  } catch (e) {
+    console.warn(e)
+  }
+}
+
+function awayPastEvents(from_date) {
+  return (event) => {
+    console.log(event.date)
+    console.log(from_date)
+    return event.date > from_date
+  }
+}
 export default function Events() {
   const [events, setEvents] = useState(null)
 
@@ -128,7 +144,9 @@ export default function Events() {
       } catch (error) {
         console.error(error)
       }
-      setEvents(result)
+      setEvents(
+        result.map(eventDateStringToDate).filter(awayPastEvents(new Date())),
+      )
     }
   }, [events])