Files
neuf-www/web/src/app/foreninger/[slug]/page.tsx
2024-08-12 13:24:36 +02:00

78 lines
2.1 KiB
TypeScript

import { Metadata, ResolvingMetadata } from "next";
import { notFound } from "next/navigation";
import { getClient } from "@/app/client";
import { AssociationHeader } from "@/components/associations/AssociationHeader";
import { PageContent } from "@/components/general/PageContent";
import { graphql } from "@/gql";
import { AssociationFragment } from "@/gql/graphql";
import { getSeoMetadata } from "@/lib/seo";
const associationBySlugQuery = graphql(`
query associationBySlug($slug: String!) {
association: page(
contentType: "associations.AssociationPage"
slug: $slug
) {
... on AssociationPage {
...Association
}
}
}
`);
export async function generateMetadata(
{ params }: { params: { slug: string } },
parent: ResolvingMetadata
): Promise<Metadata | null> {
const { data, error } = await getClient().query(associationBySlugQuery, {
slug: params.slug,
});
const association = (data?.association ?? []) as AssociationFragment[];
if (!association) {
return null;
}
const metadata = await getSeoMetadata(association, parent);
return metadata;
}
export async function generateStaticParams() {
const allAssociationSlugsQuery = graphql(`
query allAssociationSlugs {
pages(contentType: "associations.AssociationPage") {
id
slug
}
}
`);
const { data, error } = await getClient().query(allAssociationSlugsQuery, {});
if (data === undefined || error) {
throw new Error("failed to generate static params");
}
return data?.pages.map((page: any) => ({
slug: page.slug,
}));
}
export default async function Page({ params }: { params: { slug: string } }) {
const { data, error } = await getClient().query(associationBySlugQuery, {
slug: params.slug,
});
if (data?.association === null || error) {
return notFound();
}
const association = (data?.association ?? {}) as AssociationFragment;
return (
<main className="site-main" id="main">
<AssociationHeader association={association} />
<PageContent blocks={association.body} />
</main>
);
}