refactor: extract cache info to separate files and add more mutations

2021-10-06 19:31:16 +05:30
parent 3809e9853e
commit 8d5bd051a1
5 changed files with 268 additions and 86 deletions
--- a/packages/hoppscotch-app/helpers/backend/caching/updates.ts
+++ b/packages/hoppscotch-app/helpers/backend/caching/updates.ts
@@ -0,0 +1,147 @@
+import { UpdatesConfig } from "@urql/exchange-graphcache"
+import gql from "graphql-tag"
+
+export const updatesDef: Partial<UpdatesConfig> = {
+  Mutation: {
+    deleteTeam: (_r, { teamID }, cache, _info) => {
+      cache.updateQuery(
+        {
+          query: gql`
+            query {
+              myTeams {
+                id
+              }
+            }
+          `,
+        },
+        (data: any) => {
+          data.myTeams = (data as any).myTeams.filter(
+            (x: any) => x.id !== teamID
+          )
+
+          return data
+        }
+      )
+
+      cache.invalidate({
+        __typename: "Team",
+        id: teamID as any,
+      })
+    },
+    leaveTeam: (_r, { teamID }, cache, _info) => {
+      cache.updateQuery(
+        {
+          query: gql`
+            query {
+              myTeams {
+                id
+              }
+            }
+          `,
+        },
+        (data: any) => {
+          data.myTeams = (data as any).myTeams.filter(
+            (x: any) => x.id !== teamID
+          )
+
+          return data
+        }
+      )
+
+      cache.invalidate({
+        __typename: "Team",
+        id: teamID as any,
+      })
+    },
+    createTeam: (result, _args, cache, _info) => {
+      cache.updateQuery(
+        {
+          query: gql`
+            {
+              myTeams {
+                id
+              }
+            }
+          `,
+        },
+        (data: any) => {
+          data.myTeams.push(result.createTeam)
+          return data
+        }
+      )
+    },
+    renameTeam: (_result, { teamID, newName }, cache, _info) => {
+      cache.updateQuery(
+        {
+          query: gql`
+            query GetTeam($teamID: ID!) {
+              team(teamID: $teamID) {
+                id
+                name
+              }
+            }
+          `,
+          variables: {
+            teamID,
+          },
+        },
+        (data: any) => {
+          data.team.name = newName
+          return data
+        }
+      )
+    },
+    removeTeamMember: (_result, { userUid, teamID }, cache) => {
+      cache.updateQuery(
+        {
+          query: gql`
+            query GetTeam($teamID: ID!) {
+              team(teamID: $teamID) {
+                members {
+                  user {
+                    uid
+                  }
+                }
+              }
+            }
+          `,
+          variables: {
+            teamID,
+          },
+        },
+        (data: any) => {
+          data.team.members = data.team.members.filter(
+            (x: any) => x.user.uid !== userUid
+          )
+          return data
+        }
+      )
+    },
+    updateTeamMemberRole: (result, { userUid, teamID }, cache) => {
+      cache.updateQuery(
+        {
+          query: gql`
+            query GetTeam($teamID: ID!) {
+              team(teamID: $teamID) {
+                members {
+                  user {
+                    uid
+                  }
+                }
+              }
+            }
+          `,
+          variables: {
+            teamID,
+          },
+        },
+        (data: any) => {
+          data.team.members = data.team.members.map((x: any) =>
+            x.user.uid !== userUid ? x : result
+          )
+          return data
+        }
+      )
+    },
+  },
+}