1input:FollowUserInput|UnfollowUserInput

1{userId:String! ,clientMutationId:String}

1import gql from "graphql-tag";
2
3export const FOLLOWUSER = gql`
4  mutation followUser($input: FollowUserInput!) {
5    followUser(input: $input) {
6      clientMutationId
7    }
8  }
9`;
10
11export const UNFOLLOWUSER = gql`
12mutation unfollowUser($input:UnfollowUserInput!){
13  unfollowUser(input:$input){
14    clientMutationId
15  }
16}
17`;

1import { useMutation } from "react-query";
2import { GraphQLClient } from "graphql-request";
3import { DocumentNode } from "graphql";
4
5export const useGQLmutation = (
6  token: string,
7  mutation: DocumentNode,
8  config = {}
9) => {
10  const endpoint = "https://api.github.com/graphql";
11  const headers = {
12    headers: {
13      Authorization: `Bearer ${token}`,
14      "Content-Type": "application/json",
15    },
16  };
17  const graphQLClient = new GraphQLClient(endpoint, headers);
18  const fetchData = async (vars: any) => {
19     return await graphQLClient.request(mutation,vars);
20   };
21  
22   return useMutation((vars:any) => {return fetchData(vars)},config);
23
24};
25

1const followMutation = useGQLmutation(token,FOLLOWUSER)
2const unfollowMutation = useGQLmutation(token,UNFOLLOWUSER)
3const [yes, setYes] = useState<any>(dev?.viewerIsFollowing);
4
5const followThem = (their_id: string) => {
6    setYes(true);
7    // followUser(their_name, token);
8    followMutation.mutate({input:{userId:their_id}})
9  };
10  const unfollowThem = (their_id: string) => {
11    setYes(false);
12    // unfollowUser(their_name, token);
13    unfollowMutation.mutate({input:{userId:their_id}})
14  };
15