web: add unstyled sponsors page

web/src/app/sponsorer/page.tsx

@@ -0,0 +1,84 @@
+import { Metadata, ResolvingMetadata } from "next";
+import { graphql } from "@/gql";
+import { SponsorsPage, SponsorBlock } from "@/gql/graphql";
+import { getClient } from "@/app/client";
+import { PageHeader } from "@/components/general/PageHeader";
+import { PageContent } from "@/components/general/PageContent";
+import { getSeoMetadata } from "@/lib/seo";
+import { SponsorList } from "@/components/sponsor/SponsorList";
+
+const sponsorsPageQuery = graphql(`
+  query sponsors {
+    page: sponsorsPage {
+      ... on SponsorsPage {
+        ...SponsorsPage
+      }
+    }
+  }
+`);
+
+export async function generateMetadata(
+  { params }: { params: Promise<{}> },
+  parent: ResolvingMetadata
+): Promise<Metadata | null> {
+  const { data, error } = await getClient().query(sponsorsPageQuery, {});
+
+  if (error) {
+    throw new Error(error.message);
+  }
+  if (!data?.page) {
+    return null;
+  }
+
+  const index = data.page as SponsorsPage;
+  const metadata = await getSeoMetadata(index, parent);
+  return metadata;
+}
+
+const SponsorsPageFragmentDefinition = graphql(`
+  fragment SponsorsPage on SponsorsPage {
+    ... on SponsorsPage {
+      title
+      seoTitle
+      searchDescription
+      lead
+      body {
+        ...Blocks
+      }
+      sponsors {
+        ... on SponsorBlock {
+          id
+          name
+          logo {
+            ...Image
+          }
+          text
+          website
+        }
+      }
+    }
+  }
+`);
+
+export default async function Page() {
+  const { data, error } = await getClient().query(sponsorsPageQuery, {});
+
+  if (error) {
+    throw new Error(error.message);
+  }
+  if (!data?.page) {
+    throw new Error("Failed to render /sponsorer");
+  }
+
+  const page = data.page as SponsorsPage;
+
+  console.log(page)
+
+  return (
+    <main className="site-main" id="main">
+      <PageHeader heading={page.title} lead={page.lead} />
+      {page.body && <PageContent blocks={page.body} />}
+      <SponsorList sponsors={page.sponsors as SponsorBlock[]} />
+    </main>
+  );
+}