From 8b5caa2beadac858bdca5d8014701a6b65b074a3 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Wed, 20 May 2026 00:43:50 +0200
Subject: [PATCH] web: dynamically load swiper

---
 web/src/components/blocks/Blocks.tsx        |  6 +++++-
 web/src/components/venues/VenuePageView.tsx | 10 ++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/src/components/blocks/Blocks.tsx b/web/src/components/blocks/Blocks.tsx
index acd6040..31ecf00 100644
--- a/web/src/components/blocks/Blocks.tsx
+++ b/web/src/components/blocks/Blocks.tsx
@@ -1,7 +1,11 @@
+import dynamic from "next/dynamic";
 import { RichTextBlock } from "./RichTextBlock";
 import { ImageWithTextBlock } from "./ImageWithTextBlock";
-import { ImageSliderBlock } from "./ImageSliderBlock";
 import { HorizontalRuleBlock } from "./HorizontalRuleBlock";
+
+const ImageSliderBlock = dynamic(() =>
+  import("./ImageSliderBlock").then((m) => m.ImageSliderBlock)
+);
 import { FeaturedBlock } from "./FeaturedBlock";
 import { AccordionBlock } from "./AccordionBlock";
 import { EmbedBlock } from "./EmbedBlock";
diff --git a/web/src/components/venues/VenuePageView.tsx b/web/src/components/venues/VenuePageView.tsx
index e1822d6..aa5c088 100644
--- a/web/src/components/venues/VenuePageView.tsx
+++ b/web/src/components/venues/VenuePageView.tsx
@@ -1,15 +1,17 @@
+import dynamic from "next/dynamic";
 import { VenueFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
-import {
-  ImageSliderBlock,
-  ImageSliderBlockFragmentDefinition,
-} from "@/components/blocks/ImageSliderBlock";
+import { ImageSliderBlockFragmentDefinition } from "@/components/blocks/ImageSliderBlock";
 import { Breadcrumb } from "@/components/general/Breadcrumb";
 import { PageContent } from "@/components/general/PageContent";
 import { NeufMap } from "@/components/venues/NeufMap";
 import { VenueInfo } from "@/components/venues/VenueInfo";
 import { graphql, unmaskFragment } from "@/gql";
 
+const ImageSliderBlock = dynamic(() =>
+  import("@/components/blocks/ImageSliderBlock").then((m) => m.ImageSliderBlock)
+);
+
 const venueBySlugQuery = graphql(`
   query venueBySlug($slug: String!) {
     venue: page(contentType: "venues.VenuePage", slug: $slug) {