How to form GraphQL queries with Input types?

Question

Angular

Hello,
How to form GraphQL queries with Input types in Apollo Angular. Here's a code example:

addBlock(block: BlockData) {
  return this.apollo
    .mutate({
      mutation: gql`
        mutation Block {
          add (block: BlockInput!) {
            block
          }
        }
      `
  })
}

Where to declare the BlockInput type? In the same block, or is it possible somewhere in the configurations for all requests to register or declare a variable that contains this type and add it through interpolation?

Answer 1

Did it like this:

addBlock(block: BlockContainer) {
  return this.apollo
  .mutate({
    mutation: gql`
      mutation Block($blockContainer: BlockDataInput!) {
        add (blockData: $blockContainer) {
          id
          type
          data
          order
        }
      }
    `,
    variables: {
      blockContainer: block
    }
  })
  .map((d) => d.data.add);
}