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

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,
+  };
+}

front/src/modules/companies/table/components/CompanyTable.tsx

@@ -1,4 +1,5 @@
 import { companiesAvailableColumnDefinitions } from '@/companies/constants/companiesAvailableColumnDefinitions';
+import { getCompaniesOptimisticEffect } from '@/companies/graphql/optimistic-effects/getCompaniesOptimisticEffect';
 import { useCompanyTableActionBarEntries } from '@/companies/hooks/useCompanyTableActionBarEntries';
 import { useCompanyTableContextMenuEntries } from '@/companies/hooks/useCompanyTableContextMenuEntries';
 import { useSpreadsheetCompanyImport } from '@/companies/hooks/useSpreadsheetCompanyImport';
@@ -53,6 +54,7 @@ export function CompanyTable() {
       <GenericEntityTableData
         getRequestResultKey="companies"
         useGetRequest={useGetCompaniesQuery}
+        getRequestOptimisticEffect={getCompaniesOptimisticEffect}
         orderBy={orderBy.length ? orderBy : [{ createdAt: SortOrder.Desc }]}
         whereFilters={whereFilters}
         filterDefinitionArray={companiesFilters}