From 9670b77bc38cf0c2c43448962bdb4738830be5b3 Mon Sep 17 00:00:00 2001
From: Jonathan Reinbrecht <s0n4than@gmail.com>
Date: Fri, 19 Jan 2024 13:59:01 +0100
Subject: [PATCH] [IMP] move filtering of past events in related events section
 to backend

---
 lib/mobilizon/events/events.ex |  1 +
 src/views/Event/EventView.vue  | 15 ++-------------
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/lib/mobilizon/events/events.ex b/lib/mobilizon/events/events.ex
index 91e683dbf..a489d9a86 100644
--- a/lib/mobilizon/events/events.ex
+++ b/lib/mobilizon/events/events.ex
@@ -1774,6 +1774,7 @@ defmodule Mobilizon.Events do
     |> distinct([e], e.id)
     |> join(:left, [e], et in "events_tags", on: e.id == et.event_id)
     |> join(:left, [e], a in Address, on: e.physical_address_id == a.id)
+    |> filter_future_events(true)
     |> filter_draft()
     |> filter_local_or_from_followed_instances_events()
     |> filter_public_visibility()
diff --git a/src/views/Event/EventView.vue b/src/views/Event/EventView.vue
index d87198c40..e086b962a 100755
--- a/src/views/Event/EventView.vue
+++ b/src/views/Event/EventView.vue
@@ -243,12 +243,12 @@
 
       <section
         class="bg-white dark:bg-zinc-700 px-3 pt-1 pb-3 rounded my-4"
-        v-if="(nonPassedRelatedEvents ?? []).length > 0"
+        v-if="(event?.relatedEvents ?? []).length > 0"
       >
         <h2 class="text-2xl mb-2">
           {{ t("These events may interest you") }}
         </h2>
-        <multi-card :events="nonPassedRelatedEvents ?? []" />
+        <multi-card :events="event?.relatedEvents ?? []" />
       </section>
       <o-modal
         v-model:active="showMap"
@@ -612,17 +612,6 @@ const organizerDomain = computed((): string | undefined => {
   return organizer.value?.domain ?? undefined;
 });
 
-const nonPassedRelatedEvents = computed((): IEvent[] | undefined => {
-  const relatedEvents = event.value?.relatedEvents;
-
-  return relatedEvents?.filter((relatedEvent: IEvent) => {
-    const endsOn = relatedEvent.endsOn
-      ? new Date(relatedEvent.endsOn)
-      : new Date(relatedEvent.beginsOn);
-    return endsOn > new Date();
-  });
-});
-
 useHead({
   title: computed(() => eventTitle.value ?? ""),
   meta: [{ name: "description", content: eventDescription.value }],