From 39364b50236cdc5fe38990af55a4637ac6aad82f Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Sun, 5 Jul 2026 12:53:53 +0200
Subject: [PATCH] avoid layout shifts on event index page

---
 web/src/app/arrangementer/page.tsx                |  7 ++++++-
 web/src/components/events/EventIndexView.tsx      | 15 ++++++---------
 .../components/events/eventContainer.module.scss  |  7 ++++++-
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/web/src/app/arrangementer/page.tsx b/web/src/app/arrangementer/page.tsx
index d083c24..f40dc1f 100644
--- a/web/src/app/arrangementer/page.tsx
+++ b/web/src/app/arrangementer/page.tsx
@@ -18,7 +18,12 @@ export async function generateMetadata(
   return getSeoMetadata(data.index as EventIndexFragment, parent);
 }
 
-export default async function Page() {
+export default async function Page({
+  searchParams,
+}: {
+  searchParams?: Promise<Record<string, string | string[] | undefined>>;
+}) {
+  await searchParams;
   const props = await loadEventIndexProps();
   return <EventIndexView {...props} />;
 }
diff --git a/web/src/components/events/EventIndexView.tsx b/web/src/components/events/EventIndexView.tsx
index 2e4ca0a..59e5715 100644
--- a/web/src/components/events/EventIndexView.tsx
+++ b/web/src/components/events/EventIndexView.tsx
@@ -1,4 +1,3 @@
-import { Suspense } from "react";
 import { VenueFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
 import { EventContainer } from "@/components/events/EventContainer";
@@ -46,14 +45,12 @@ export function EventIndexView({
   return (
     <main className="site-main" id="main">
       <PageHeader heading="Dette skjer på Chateau Neuf" align="left" />
-      <Suspense>
-        <EventContainer
-          events={events}
-          eventCategories={eventCategories}
-          eventOrganizers={eventOrganizers}
-          venues={venues}
-        />
-      </Suspense>
+      <EventContainer
+        events={events}
+        eventCategories={eventCategories}
+        eventOrganizers={eventOrganizers}
+        venues={venues}
+      />
     </main>
   );
 }
diff --git a/web/src/components/events/eventContainer.module.scss b/web/src/components/events/eventContainer.module.scss
index 935dfb7..df3a8dd 100644
--- a/web/src/components/events/eventContainer.module.scss
+++ b/web/src/components/events/eventContainer.module.scss
@@ -1,3 +1,8 @@
+.events {
+  // keep the footer below the fold while the event list renders
+  min-height: 100vh;
+}
+
 .eventWrapper {
   //margin: calc(var(--spacing-sitepadding-block)*-1) calc(var(--spacing-sitepadding-inline)*-1);
 }
@@ -213,4 +218,4 @@
       margin: 0;
     }
   }
-}
\ No newline at end of file
+}