Refactored useFindOneObjectMetadataItem and useFindManyObjectMetadataItems (#2600)

* Refactored useFindOneObjectMetadataItem and useFindManyObjectMetadataItems to rely on a recoil family selector

* Removed console.log

* Cleaned

* Removed unused hook

* Fixed seeds

front/src/modules/object-metadata/hooks/useFindManyObjectMetadataItems.ts

@@ -1,6 +1,8 @@
 import { useMemo } from 'react';
 import { useQuery } from '@apollo/client';
+import { useRecoilCallback } from 'recoil';
 
+import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadataItemsState';
 import { useSnackBar } from '@/ui/feedback/snack-bar/hooks/useSnackBar';
 import {
   FieldFilter,
@@ -8,6 +10,7 @@ import {
   ObjectMetadataItemsQuery,
   ObjectMetadataItemsQueryVariables,
 } from '~/generated-metadata/graphql';
+import { isDeeplyEqual } from '~/utils/isDeeplyEqual';
 import { logError } from '~/utils/logError';
 
 import { FIND_MANY_METADATA_OBJECTS } from '../graphql/queries';
@@ -15,7 +18,6 @@ import { mapPaginatedObjectMetadataItemsToObjectMetadataItems } from '../utils/m
 
 import { useApolloMetadataClient } from './useApolloMetadataClient';
 
-// TODO: test fetchMore
 export const useFindManyObjectMetadataItems = ({
   skip,
   objectFilter,
@@ -29,41 +31,44 @@ export const useFindManyObjectMetadataItems = ({
 
   const { enqueueSnackBar } = useSnackBar();
 
-  const {
-    data,
-    fetchMore: fetchMoreInternal,
-    loading,
-    error,
-  } = useQuery<ObjectMetadataItemsQuery, ObjectMetadataItemsQueryVariables>(
-    FIND_MANY_METADATA_OBJECTS,
-    {
-      variables: {
-        objectFilter,
-        fieldFilter,
-      },
-      client: apolloMetadataClient ?? undefined,
-      skip: skip || !apolloMetadataClient,
-      onError: (error) => {
-        logError('useFindManyObjectMetadataItems error : ' + error);
-        enqueueSnackBar(
-          `Error during useFindManyObjectMetadataItems, ${error.message}`,
-          {
-            variant: 'error',
-          },
-        );
-      },
-      onCompleted: () => {},
+  const { data, loading, error } = useQuery<
+    ObjectMetadataItemsQuery,
+    ObjectMetadataItemsQueryVariables
+  >(FIND_MANY_METADATA_OBJECTS, {
+    variables: {
+      objectFilter,
+      fieldFilter,
     },
-  );
+    client: apolloMetadataClient ?? undefined,
+    skip: skip || !apolloMetadataClient,
+    onError: (error) => {
+      logError('useFindManyObjectMetadataItems error : ' + error);
+      enqueueSnackBar(
+        `Error during useFindManyObjectMetadataItems, ${error.message}`,
+        {
+          variant: 'error',
+        },
+      );
+    },
+    onCompleted: useRecoilCallback(
+      ({ snapshot, set }) =>
+        (data) => {
+          const objectMetadataItems =
+            mapPaginatedObjectMetadataItemsToObjectMetadataItems({
+              pagedObjectMetadataItems: data,
+            });
 
-  const hasMore = data?.objects?.pageInfo?.hasNextPage;
+          const actualObjectMetadataItems = snapshot
+            .getLoadable(objectMetadataItemsState)
+            .getValue();
 
-  const fetchMore = () =>
-    fetchMoreInternal({
-      variables: {
-        afterCursor: data?.objects?.pageInfo?.endCursor,
-      },
-    });
+          if (!isDeeplyEqual(objectMetadataItems, actualObjectMetadataItems)) {
+            set(objectMetadataItemsState, objectMetadataItems);
+          }
+        },
+      [],
+    ),
+  });
 
   const objectMetadataItems = useMemo(() => {
     return mapPaginatedObjectMetadataItemsToObjectMetadataItems({
@@ -73,8 +78,6 @@ export const useFindManyObjectMetadataItems = ({
 
   return {
     objectMetadataItems,
-    hasMore,
-    fetchMore,
     loading,
     error,
   };