web: colocate graphql fragments, unmask where needed, more idiomatic client-preset use

2026-05-19 01:49:58 +02:00
parent bc8642b1fc
commit b09ce9808d
29 changed files with 2065 additions and 7283 deletions
@@ -1,15 +1,26 @@
-import { AccordionBlock as AccordionBlockType } from "@/gql/graphql";
+import { graphql } from "@/gql";
+import { type AccordionBlockFragment } from "@/gql/graphql";
 import { Blocks } from "./Blocks";
 import { Accordion } from "@/components/general/Accordion";

+const AccordionBlockFragmentDefinition = graphql(`
+  fragment AccordionBlock on AccordionBlock {
+    heading
+    body {
+      id
+      blockType
+    }
+  }
+`);
+
 export const AccordionBlock = ({
  block,
 }: {
-  block: AccordionBlockType;
+  block: AccordionBlockFragment;
 }) => {
  return (
    <Accordion heading={block.heading}>
      <Blocks blocks={block.body} />
    </Accordion>
  );
-};
+};