add association index and subpages

web/src/app/foreninger/page.tsx

@@ -0,0 +1,87 @@
+import { graphql } from "@/gql";
+import { AssociationFragment, AssociationIndexFragment } from "@/gql/graphql";
+import { getClient } from "@/app/client";
+import { AssociationList } from "@/components/associations/AssociationList";
+import { Blocks } from "@/components/blocks/Blocks";
+import Link from "next/link";
+import { PageHeader } from "@/components/general/PageHeader";
+
+const AssociationIndexDefinition = graphql(`
+  fragment AssociationIndex on AssociationIndex {
+    ... on AssociationIndex {
+      title
+      lead
+      body {
+        id
+        blockType
+        field
+        ... on RichTextBlock {
+          rawValue
+          value
+        }
+      }
+    }
+  }
+`);
+
+const AssociationFragmentDefinition = graphql(`
+  fragment Association on AssociationPage {
+    __typename
+    id
+    slug
+    title
+    body {
+      id
+      blockType
+      field
+      ... on RichTextBlock {
+        rawValue
+        value
+      }
+    }
+    logo {
+      url
+      width
+      height
+    }
+    associationType
+    websiteUrl
+  }
+`);
+
+export default async function Page() {
+  const allAssociationsQuery = graphql(`
+    query allAssociations {
+      index: page(
+        contentType: "associations.AssociationIndex"
+        urlPath: "/home/foreninger/"
+      ) {
+        ... on AssociationIndex {
+          ...AssociationIndex
+        }
+      }
+      associations: pages(contentType: "associations.AssociationPage") {
+        ... on AssociationPage {
+          ...Association
+        }
+      }
+    }
+  `);
+  const { data, error } = await getClient().query(allAssociationsQuery, {});
+  const associations = (data?.associations ?? []) as AssociationFragment[];
+  const index = (data?.index ?? []) as AssociationIndexFragment;
+
+  return (
+    <main className="site-main" id="main">
+      <PageHeader heading={index.title} />
+      {index.lead && (
+        <div
+          className="lead"
+          dangerouslySetInnerHTML={{ __html: index.lead }}
+        />
+      )}
+      {index.body && <Blocks blocks={index.body} />}
+      <AssociationList associations={associations} />
+    </main>
+  );
+}