Fix cache management (#2264)

front/src/modules/apollo/optimistic-effect/hooks/useOptimisticEffect.ts

@@ -8,7 +8,12 @@ import { useRecoilCallback } from 'recoil';
 
 import { GET_COMPANIES } from '@/companies/graphql/queries/getCompanies';
 import { GET_PEOPLE } from '@/people/graphql/queries/getPeople';
-import { GetCompaniesQuery, GetPeopleQuery } from '~/generated/graphql';
+import { GET_API_KEYS } from '@/settings/developers/graphql/queries/getApiKeys';
+import {
+  GetApiKeysQuery,
+  GetCompaniesQuery,
+  GetPeopleQuery,
+} from '~/generated/graphql';
 
 import { optimisticEffectState } from '../states/optimisticEffectState';
 import { OptimisticEffectDefinition } from '../types/OptimisticEffectDefinition';
@@ -77,6 +82,20 @@ export const useOptimisticEffect = () => {
               },
             });
           }
+          if (query === GET_API_KEYS) {
+            cache.writeQuery({
+              query,
+              variables,
+              data: {
+                findManyApiKey: definition.resolver({
+                  currentData: (existingData as GetApiKeysQuery)
+                    .findManyApiKey as T[],
+                  newData: newData as T[],
+                  variables,
+                }),
+              },
+            });
+          }
         };
 
         const optimisticEffect = {