chore(front): Refactor the SnackBar component to use the new scope architecture (#2578)

* chore(front): Refactor the SnackBar component to use the new scope architecture

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Rename useSnackBarManager

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

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

@@ -0,0 +1,74 @@
+import { useMemo } from 'react';
+import { useQuery } from '@apollo/client';
+
+import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+import {
+  ObjectFilter,
+  ObjectMetadataItemsQuery,
+  ObjectMetadataItemsQueryVariables,
+} from '~/generated-metadata/graphql';
+import { logError } from '~/utils/logError';
+
+import { FIND_MANY_METADATA_OBJECTS } from '../graphql/queries';
+import { mapPaginatedObjectMetadataItemsToObjectMetadataItems } from '../utils/mapPaginatedObjectMetadataItemsToObjectMetadataItems';
+
+import { useApolloMetadataClient } from './useApolloMetadataClient';
+
+// TODO: test fetchMore
+export const useFindManyObjectMetadataItems = ({
+  skip,
+  filter,
+}: { skip?: boolean; filter?: ObjectFilter } = {}) => {
+  const apolloMetadataClient = useApolloMetadataClient();
+
+  const { enqueueSnackBar } = useSnackBar();
+
+  const {
+    data,
+    fetchMore: fetchMoreInternal,
+    loading,
+    error,
+  } = useQuery<ObjectMetadataItemsQuery, ObjectMetadataItemsQueryVariables>(
+    FIND_MANY_METADATA_OBJECTS,
+    {
+      variables: {
+        objectFilter: filter,
+      },
+      client: apolloMetadataClient ?? undefined,
+      skip: skip || !apolloMetadataClient,
+      onError: (error) => {
+        logError('useFindManyObjectMetadataItems error : ' + error);
+        enqueueSnackBar(
+          `Error during useFindManyObjectMetadataItems, ${error.message}`,
+          {
+            variant: 'error',
+          },
+        );
+      },
+      onCompleted: () => {},
+    },
+  );
+
+  const hasMore = data?.objects?.pageInfo?.hasNextPage;
+
+  const fetchMore = () =>
+    fetchMoreInternal({
+      variables: {
+        afterCursor: data?.objects?.pageInfo?.endCursor,
+      },
+    });
+
+  const objectMetadataItems = useMemo(() => {
+    return mapPaginatedObjectMetadataItemsToObjectMetadataItems({
+      pagedObjectMetadataItems: data,
+    });
+  }, [data]);
+
+  return {
+    objectMetadataItems,
+    hasMore,
+    fetchMore,
+    loading,
+    error,
+  };
+};