web: move page rendering logic from page.tsx to components
This commit is contained in:
@@ -0,0 +1,30 @@
|
||||
import { graphql } from "@/gql";
|
||||
import { AssociationFragment } from "@/gql/graphql";
|
||||
import { AssociationHeader } from "@/components/associations/AssociationHeader";
|
||||
import { PageContent } from "@/components/general/PageContent";
|
||||
|
||||
export const associationBySlugQuery = graphql(`
|
||||
query associationBySlug($slug: String!) {
|
||||
association: page(
|
||||
contentType: "associations.AssociationPage"
|
||||
slug: $slug
|
||||
) {
|
||||
... on AssociationPage {
|
||||
...Association
|
||||
}
|
||||
}
|
||||
}
|
||||
`);
|
||||
|
||||
export function AssociationPageView({
|
||||
association,
|
||||
}: {
|
||||
association: AssociationFragment;
|
||||
}) {
|
||||
return (
|
||||
<main className="site-main" id="main">
|
||||
<AssociationHeader association={association} />
|
||||
<PageContent blocks={association.body} />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user