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,11 +1,18 @@
-import { HorizontalRuleBlock as HorizontalRuleBlockType } from "@/gql/graphql";
+import { graphql } from "@/gql";
+import { type HorizontalRuleBlockFragment } from "@/gql/graphql";
 import { Image } from "@/components/general/Image";
 import styles from "./horizontalRuleBlock.module.scss";

+const HorizontalRuleBlockFragmentDefinition = graphql(`
+  fragment HorizontalRuleBlock on HorizontalRuleBlock {
+    color
+  }
+`);
+
 export const HorizontalRuleBlock = ({
  block,
 }: {
-  block: HorizontalRuleBlockType;
+  block: HorizontalRuleBlockFragment;
 }) => {
  const knownColors = [
    "deepBrick",