Implement Optimistic Effects (#1415)

* Fix person deletion not reflected on Opportunities POC * Fix companies, user deletion * Implement optimistic effects * Implement optimistic effects * Implement optimistic effects * Fix accoding to PR
2023-09-04 10:56:48 +02:00
parent ae072b6ce5
commit a46210bb80
10 changed files with 188 additions and 1 deletions
--- a/front/src/modules/companies/graphql/optimistic-effects/getCompaniesOptimisticEffect.ts
+++ b/front/src/modules/companies/graphql/optimistic-effects/getCompaniesOptimisticEffect.ts
@ -0,0 +1,47 @@
+import { ApolloCache } from '@apollo/client';
+
+import {
+  Company,
+  GetCompaniesQuery,
+  GetCompaniesQueryVariables,
+} from '~/generated/graphql';
+
+import { GET_COMPANIES } from '../queries/getCompanies';
+
+function optimisticEffectResolver({
+  cache,
+  entities,
+  variables,
+}: {
+  cache: ApolloCache<Company>;
+  entities: Company[];
+  variables: GetCompaniesQueryVariables;
+}) {
+  const existingData = cache.readQuery<GetCompaniesQuery>({
+    query: GET_COMPANIES,
+    variables: { orderBy: variables.orderBy, where: variables.where },
+  });
+
+  if (!existingData) {
+    return;
+  }
+
+  cache.writeQuery({
+    query: GET_COMPANIES,
+    variables: { orderBy: variables.orderBy, where: variables.where },
+    data: {
+      companies: [...entities, ...existingData.companies],
+    },
+  });
+}
+
+export function getCompaniesOptimisticEffect(
+  variables: GetCompaniesQueryVariables,
+) {
+  return {
+    key: 'generic-entity-table-data-companies',
+    variables: variables,
+    typename: 'Company',
+    resolver: optimisticEffectResolver,
+  };
+}