web: move page rendering logic from page.tsx to components

2026-05-19 17:00:12 +02:00
parent cf945d8647
commit 0c5a9876d6
30 changed files with 1419 additions and 1239 deletions
@@ -0,0 +1,43 @@
+import { VenueFragment } from "@/gql/graphql";
+import {
+  ImageSliderBlock,
+  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";
+
+export const venueBySlugQuery = graphql(`
+  query venueBySlug($slug: String!) {
+    venue: page(contentType: "venues.VenuePage", slug: $slug) {
+      ... on VenuePage {
+        ...Venue
+      }
+    }
+  }
+`);
+
+export function VenuePageView({ venue }: { venue: VenueFragment }) {
+  return (
+    <main className="site-main" id="main">
+      {venue.images?.[0]?.__typename === "ImageSliderBlock" && (
+        <ImageSliderBlock
+          block={unmaskFragment(
+            ImageSliderBlockFragmentDefinition,
+            venue.images[0]
+          )}
+          hero
+        />
+      )}
+      <div className="page-header-small">
+        <Breadcrumb link="/utleie" text="Lokale" />
+        <h1 className="page-title">{venue.title}</h1>
+      </div>
+      <PageContent blocks={venue.body} />
+      <VenueInfo venue={venue} />
+      <NeufMap venueSlug={venue.slug} />
+    </main>
+  );
+}