Remove api keys from old world (#2548)

* Use apiKeyV2 for getApiKeys

* Use apiKeyV2 for createApiKey

* Use apiKeyV2 for getApiKey

* Use apiKeyV2 to deleteapikey

* Filter null revokedAt -> not working

* Use apiKeyV2 to regenerate

* Fix default values injected

* Remove useless stuff

* Fix type

front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx

@@ -1,9 +1,12 @@
 import { useEffect } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import styled from '@emotion/styled';
+import { DateTime } from 'luxon';
 import { useRecoilState } from 'recoil';
 
-import { useOptimisticEffect } from '@/apollo/optimistic-effect/hooks/useOptimisticEffect';
+import { useCreateOneObjectRecord } from '@/object-record/hooks/useCreateOneObjectRecord';
+import { useFindOneObjectRecord } from '@/object-record/hooks/useFindOneObjectRecord';
+import { useUpdateOneObjectRecord } from '@/object-record/hooks/useUpdateOneObjectRecord';
 import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { ApiKeyInput } from '@/settings/developers/components/ApiKeyInput';
@@ -18,11 +21,7 @@ import { TextInput } from '@/ui/input/components/TextInput';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
 import { Section } from '@/ui/layout/section/components/Section';
 import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
-import {
-  useDeleteOneApiKeyMutation,
-  useGetApiKeyQuery,
-  useInsertOneApiKeyMutation,
-} from '~/generated/graphql';
+import { useGenerateOneApiKeyTokenMutation } from '~/generated/graphql';
 
 const StyledInfo = styled.span`
   color: ${({ theme }) => theme.font.color.light};
@@ -41,28 +40,29 @@ const StyledInputContainer = styled.div`
 export const SettingsDevelopersApiKeyDetail = () => {
   const navigate = useNavigate();
   const { apiKeyId = '' } = useParams();
-  const { triggerOptimisticEffects } = useOptimisticEffect('ApiKeyV2');
 
   const setGeneratedApi = useGeneratedApiKeys();
   const [generatedApiKey] = useRecoilState(
     generatedApiKeyFamilyState(apiKeyId),
   );
 
-  const [deleteApiKey] = useDeleteOneApiKeyMutation();
-  const [insertOneApiKey] = useInsertOneApiKeyMutation();
-  const apiKeyData = useGetApiKeyQuery({
-    variables: {
-      apiKeyId,
-    },
-  }).data?.findManyApiKey[0];
+  const [generateOneApiKeyToken] = useGenerateOneApiKeyTokenMutation();
+  const { createOneObject: createOneApiKey } = useCreateOneObjectRecord({
+    objectNamePlural: 'apiKeysV2',
+  });
+  const { updateOneObject: updateApiKey } = useUpdateOneObjectRecord({
+    objectNamePlural: 'apiKeysV2',
+  });
+
+  const { object: apiKeyData } = useFindOneObjectRecord({
+    objectNameSingular: 'apiKeyV2',
+    objectMetadataId: apiKeyId,
+  });
 
   const deleteIntegration = async (redirect = true) => {
-    await deleteApiKey({
-      variables: { apiKeyId },
-      update: (cache) =>
-        cache.evict({
-          id: cache.identify({ __typename: 'ApiKey', id: apiKeyId }),
-        }),
+    await updateApiKey?.({
+      idToUpdate: apiKeyId,
+      input: { revokedAt: DateTime.now().toString() },
     });
     if (redirect) {
       navigate('/settings/developers/api-keys');
@@ -73,19 +73,23 @@ export const SettingsDevelopersApiKeyDetail = () => {
     name: string,
     newExpiresAt: string | null,
   ) => {
-    return await insertOneApiKey({
+    const newApiKey = await createOneApiKey?.({
+      name: name,
+      expiresAt: newExpiresAt,
+    });
+    const tokenData = await generateOneApiKeyToken({
       variables: {
         data: {
-          name: name,
-          expiresAt: newExpiresAt,
+          id: newApiKey.createApiKeyV2.id,
+          expiresAt: newApiKey.createApiKeyV2.expiresAt,
+          name: newApiKey.createApiKeyV2.name, // TODO update typing to remove useless name param here
         },
       },
-      update: (_cache, { data }) => {
-        if (data?.createOneApiKey) {
-          triggerOptimisticEffects('ApiKey', [data?.createOneApiKey]);
-        }
-      },
     });
+    return {
+      id: newApiKey.createApiKeyV2.id,
+      token: tokenData.data?.generateApiKeyV2Token.token,
+    };
   };
 
   const regenerateApiKey = async () => {
@@ -96,14 +100,9 @@ export const SettingsDevelopersApiKeyDetail = () => {
       );
       const apiKey = await createIntegration(apiKeyData.name, newExpiresAt);
       await deleteIntegration(false);
-      if (apiKey.data?.createOneApiKey) {
-        setGeneratedApi(
-          apiKey.data.createOneApiKey.id,
-          apiKey.data.createOneApiKey.token,
-        );
-        navigate(
-          `/settings/developers/api-keys/${apiKey.data.createOneApiKey.id}`,
-        );
+      if (apiKey.token) {
+        setGeneratedApi(apiKey.id, apiKey.token);
+        navigate(`/settings/developers/api-keys/${apiKey.id}`);
       }
     }
   };