From a1134bc5e79678965c4c999a9e20cb2fab25a329 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B8rgen=20Sverre=20Lien=20Sell=C3=A6g?=
 <jorgen@guut.org>
Date: Wed, 22 Jul 2020 17:38:56 +0200
Subject: [PATCH] show only past events

---
 src/Events.js | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/Events.js b/src/Events.js
index 4963db3..3f173ae 100644
--- a/src/Events.js
+++ b/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])