fix: pagination on get my teams fixes #2106

packages/hoppscotch-app/helpers/backend/GQLClient.ts

@@ -167,7 +167,9 @@ export const runGQLQuery = <DocType, DocVarType, DocErrorType extends string>(
   args: RunQueryOptions<DocType, DocVarType>
 ): Promise<E.Either<GQLError<DocErrorType>, DocType>> => {
   const request = createRequest<DocType, DocVarType>(args.query, args.variables)
-  const source = client.value.executeQuery(request)
+  const source = client.value.executeQuery(request, {
+    requestPolicy: "network-only",
+  })
 
   return new Promise((resolve) => {
     const sub = wonkaPipe(

packages/hoppscotch-app/helpers/backend/caching/updates.ts

@@ -1,5 +1,5 @@
 import { gql } from "@urql/core"
-import { GraphCacheUpdaters, MyTeamsDocument } from "../graphql"
+import { GraphCacheUpdaters } from "../graphql"
 
 export const updatesDef: GraphCacheUpdaters = {
   Subscription: {
@@ -58,71 +58,6 @@ export const updatesDef: GraphCacheUpdaters = {
     },
   },
   Mutation: {
-    deleteTeam: (_r, { teamID }, cache, _info) => {
-      cache.updateQuery(
-        {
-          query: MyTeamsDocument,
-        },
-        (data) => {
-          if (data) {
-            data.myTeams = data.myTeams.filter((x) => x.id !== teamID)
-          }
-
-          return data
-        }
-      )
-
-      cache.invalidate({
-        __typename: "Team",
-        id: teamID,
-      })
-    },
-    leaveTeam: (_r, { teamID }, cache, _info) => {
-      cache.updateQuery(
-        {
-          query: MyTeamsDocument,
-        },
-        (data) => {
-          if (data) {
-            data.myTeams = data.myTeams.filter((x) => x.id !== teamID)
-          }
-
-          return data
-        }
-      )
-
-      cache.invalidate({
-        __typename: "Team",
-        id: teamID,
-      })
-    },
-    createTeam: (result, _args, cache, _info) => {
-      cache.updateQuery(
-        {
-          query: MyTeamsDocument,
-        },
-        (data) => {
-          if (data) data.myTeams.push(result.createTeam as any)
-          return data
-        }
-      )
-    },
-    removeTeamMember: (_result, { teamID, userUid }, cache) => {
-      const newMembers = (
-        (cache.resolve(
-          {
-            __typename: "Team",
-            id: teamID,
-          },
-          "teamMembers"
-        ) as string[]) ?? []
-      )
-        .map((x) => [x, cache.resolve(x, "user") as string])
-        .map(([key, userKey]) => [key, cache.resolve(userKey, "uid") as string])
-        .filter(([_key, uid]) => uid !== userUid)
-        .map(([key]) => key)
-      cache.link({ __typename: "Team", id: teamID }, "teamMembers", newMembers)
-    },
     createTeamInvitation: (result, _args, cache, _info) => {
       cache.invalidate(
         {

packages/hoppscotch-app/helpers/backend/gql/queries/GetMyTeams.graphql

@@ -1,7 +1,18 @@
-query GetMyTeams {
-  myTeams {
+query GetMyTeams($cursor: ID) {
+  myTeams(cursor: $cursor) {
     id
     name
     myRole
+    ownersCount
+    teamMembers {
+      membershipID
+      user {
+        photoURL
+        displayName
+        email
+        uid
+      }
+      role
+    }
   }
 }

packages/hoppscotch-app/helpers/backend/gql/queries/MyTeams.graphql

@@ -1,18 +0,0 @@
-query MyTeams {
-  myTeams {
-    id
-    name
-    myRole
-    ownersCount
-    teamMembers {
-      membershipID
-      user {
-        photoURL
-        displayName
-        email
-        uid
-      }
-      role
-    }
-  }
-}