7092 destroy connected account instead of soft deleting it (#7099)

- Create `destroyOne` endpoint
- Call `destroyOne` when removing a `connectedAccount`

packages/twenty-front/src/modules/object-record/hooks/useDestroyManyRecords.ts

@@ -6,7 +6,7 @@ import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadata
 import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems';
 import { useGetRecordFromCache } from '@/object-record/cache/hooks/useGetRecordFromCache';
 import { DEFAULT_MUTATION_BATCH_SIZE } from '@/object-record/constants/DefaultMutationBatchSize';
-import { useDestroyManyRecordsMutation } from '@/object-record/hooks/useDestroyManyRecordMutation';
+import { useDestroyManyRecordsMutation } from '@/object-record/hooks/useDestroyManyRecordsMutation';
 import { getDestroyManyRecordsMutationResponseField } from '@/object-record/utils/getDestroyManyRecordsMutationResponseField';
 import { useRecoilValue } from 'recoil';
 import { isDefined } from '~/utils/isDefined';

packages/twenty-front/src/modules/object-record/hooks/useDestroyOneRecord.ts

@@ -0,0 +1,84 @@
+import { useApolloClient } from '@apollo/client';
+import { useCallback } from 'react';
+
+import { triggerDeleteRecordsOptimisticEffect } from '@/apollo/optimistic-effect/utils/triggerDeleteRecordsOptimisticEffect';
+import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems';
+import { useGetRecordFromCache } from '@/object-record/cache/hooks/useGetRecordFromCache';
+import { useDestroyOneRecordMutation } from '@/object-record/hooks/useDestroyOneRecordMutation';
+import { getDestroyOneRecordMutationResponseField } from '@/object-record/utils/getDestroyOneRecordMutationResponseField';
+import { capitalize } from '~/utils/string/capitalize';
+
+type useDestroyOneRecordProps = {
+  objectNameSingular: string;
+  refetchFindManyQuery?: boolean;
+};
+
+export const useDestroyOneRecord = ({
+  objectNameSingular,
+}: useDestroyOneRecordProps) => {
+  const apolloClient = useApolloClient();
+
+  const { objectMetadataItem } = useObjectMetadataItem({
+    objectNameSingular,
+  });
+
+  const getRecordFromCache = useGetRecordFromCache({
+    objectNameSingular,
+  });
+
+  const { destroyOneRecordMutation } = useDestroyOneRecordMutation({
+    objectNameSingular,
+  });
+
+  const { objectMetadataItems } = useObjectMetadataItems();
+
+  const mutationResponseField =
+    getDestroyOneRecordMutationResponseField(objectNameSingular);
+
+  const destroyOneRecord = useCallback(
+    async (idToDestroy: string) => {
+      const deletedRecord = await apolloClient.mutate({
+        mutation: destroyOneRecordMutation,
+        variables: { idToDestroy },
+        optimisticResponse: {
+          [mutationResponseField]: {
+            __typename: capitalize(objectNameSingular),
+            id: idToDestroy,
+          },
+        },
+        update: (cache, { data }) => {
+          const record = data?.[mutationResponseField];
+
+          if (!record) return;
+
+          const cachedRecord = getRecordFromCache(record.id, cache);
+
+          if (!cachedRecord) return;
+
+          triggerDeleteRecordsOptimisticEffect({
+            cache,
+            objectMetadataItem,
+            recordsToDelete: [cachedRecord],
+            objectMetadataItems,
+          });
+        },
+      });
+
+      return deletedRecord.data?.[mutationResponseField] ?? null;
+    },
+    [
+      apolloClient,
+      destroyOneRecordMutation,
+      getRecordFromCache,
+      mutationResponseField,
+      objectMetadataItem,
+      objectNameSingular,
+      objectMetadataItems,
+    ],
+  );
+
+  return {
+    destroyOneRecord,
+  };
+};

packages/twenty-front/src/modules/object-record/hooks/useDestroyOneRecordMutation.ts

@@ -0,0 +1,39 @@
+import gql from 'graphql-tag';
+
+import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { EMPTY_MUTATION } from '@/object-record/constants/EmptyMutation';
+import { getDestroyOneRecordMutationResponseField } from '@/object-record/utils/getDestroyOneRecordMutationResponseField';
+import { isUndefinedOrNull } from '~/utils/isUndefinedOrNull';
+import { capitalize } from '~/utils/string/capitalize';
+
+export const useDestroyOneRecordMutation = ({
+  objectNameSingular,
+}: {
+  objectNameSingular: string;
+}) => {
+  const { objectMetadataItem } = useObjectMetadataItem({
+    objectNameSingular,
+  });
+
+  if (isUndefinedOrNull(objectMetadataItem)) {
+    return { destroyOneRecordMutation: EMPTY_MUTATION };
+  }
+
+  const capitalizedObjectName = capitalize(objectMetadataItem.nameSingular);
+
+  const mutationResponseField = getDestroyOneRecordMutationResponseField(
+    objectMetadataItem.nameSingular,
+  );
+
+  const destroyOneRecordMutation = gql`
+    mutation DestroyOne${capitalizedObjectName}($idToDestroy: ID!)  {
+      ${mutationResponseField}(id: $idToDestroy) {
+        id
+      }
+    }
+  `;
+
+  return {
+    destroyOneRecordMutation,
+  };
+};

packages/twenty-front/src/modules/object-record/utils/getDestroyOneRecordMutationResponseField.ts

@@ -0,0 +1,5 @@
+import { capitalize } from '~/utils/string/capitalize';
+
+export const getDestroyOneRecordMutationResponseField = (
+  objectNameSingular: string,
+) => `destroy${capitalize(objectNameSingular)}`;

packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsRowDropdownMenu.tsx

@@ -9,7 +9,7 @@ import {
 
 import { ConnectedAccount } from '@/accounts/types/ConnectedAccount';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
-import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
+import { useDestroyOneRecord } from '@/object-record/hooks/useDestroyOneRecord';
 import { useTriggerGoogleApisOAuth } from '@/settings/accounts/hooks/useTriggerGoogleApisOAuth';
 import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
@@ -32,7 +32,7 @@ export const SettingsAccountsRowDropdownMenu = ({
   const navigate = useNavigate();
   const { closeDropdown } = useDropdown(dropdownId);
 
-  const { deleteOneRecord } = useDeleteOneRecord({
+  const { destroyOneRecord } = useDestroyOneRecord({
     objectNameSingular: CoreObjectNameSingular.ConnectedAccount,
   });
 
@@ -81,7 +81,7 @@ export const SettingsAccountsRowDropdownMenu = ({
               LeftIcon={IconTrash}
               text="Remove account"
               onClick={() => {
-                deleteOneRecord(account.id);
+                destroyOneRecord(account.id);
                 closeDropdown();
               }}
             />