Using Apollo Client for global state management code samples - src/Balloon/mutations.ts

src_Balloon_mutations.ts

// src/Balloon/mutations.ts
import { Resolver } from "apollo-client";
import gql from "graphql-tag";

//
// ─── GQL TAGS ───────────────────────────────────────────────────────────────────
//

export const SetSelectedBalloonLocal = gql`
 mutation SetSelectedBalloonLocal($selectedBalloon: BalloonInput!) {
   setSelectedBalloon(selectedBalloon: $selectedBalloon) @client
 }
`;

//
// ─── RESOLVERS ──────────────────────────────────────────────────────────────────
//

export const setSelectedBalloonMutationResolver: Resolver = (
 _root,
 { selectedBalloon },
 { cache }
) => {
 try {
   cache.writeData({ data: { selectedBalloon } });
 } catch (error) {
   console.error("Error writing selectedBalloon to local cache: ", error);
 }
 return null;
};