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

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-manager/hooks/useSnackBar';
import {
  FieldFilter,
  ObjectFilter,
  ObjectMetadataItemsQuery,
  ObjectMetadataItemsQueryVariables,
} from '~/generated-metadata/graphql';
import { isDeeplyEqual } from '~/utils/isDeeplyEqual';
import { logError } from '~/utils/logError';

import { FIND_MANY_OBJECT_METADATA_ITEMS } from '../graphql/queries';
import { mapPaginatedObjectMetadataItemsToObjectMetadataItems } from '../utils/mapPaginatedObjectMetadataItemsToObjectMetadataItems';

import { useApolloMetadataClient } from './useApolloMetadataClient';

export const useFindManyObjectMetadataItems = ({
  skip,
  objectFilter,
  fieldFilter,
}: {
  skip?: boolean;
  objectFilter?: ObjectFilter;
  fieldFilter?: FieldFilter;
} = {}) => {
  const apolloMetadataClient = useApolloMetadataClient();

  const { enqueueSnackBar } = useSnackBar();

  const { data, loading, error } = useQuery<
    ObjectMetadataItemsQuery,
    ObjectMetadataItemsQueryVariables
  >(FIND_MANY_OBJECT_METADATA_ITEMS, {
    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 actualObjectMetadataItems = snapshot
            .getLoadable(objectMetadataItemsState)
            .getValue();

          if (!isDeeplyEqual(objectMetadataItems, actualObjectMetadataItems)) {
            set(objectMetadataItemsState, objectMetadataItems);
          }
        },
      [],
    ),
  });

  const objectMetadataItems = useMemo(() => {
    return mapPaginatedObjectMetadataItemsToObjectMetadataItems({
      pagedObjectMetadataItems: data,
    });
  }, [data]);

  return {
    objectMetadataItems,
    loading,
    error,
  };
};