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,46 @@
+import { graphql } from "@/gql";
+import { type SponsorFragment, type SponsorsPageFragment } from "@/gql/graphql";
+import { PageHeader } from "@/components/general/PageHeader";
+import { PageContent } from "@/components/general/PageContent";
+import { SponsorList } from "@/components/sponsor/SponsorList";
+
+const SponsorsPageFragmentDefinition = graphql(`
+  fragment SponsorsPage on SponsorsPage {
+    ... on SponsorsPage {
+      title
+      seoTitle
+      searchDescription
+      lead
+      body {
+        ...Blocks
+      }
+      sponsors {
+        ... on SponsorBlock {
+          ...Sponsor
+        }
+      }
+    }
+  }
+`);
+
+export const sponsorsPageQuery = graphql(`
+  query sponsors {
+    page: sponsorsPage {
+      ... on SponsorsPage {
+        ...SponsorsPage
+      }
+    }
+  }
+`);
+
+export function SponsorsPageView({ page }: { page: SponsorsPageFragment }) {
+  return (
+    <main className="site-main" id="main">
+      <PageHeader heading={page.title} lead={page.lead} />
+      {page.body && <PageContent blocks={page.body} />}
+      {page.sponsors && (
+        <SponsorList sponsors={page.sponsors as SponsorFragment[]} />
+      )}
+    </main>
+  );
+}