twenty/packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataItemsRelationPickerEffect.tsx

import { useEffect } from 'react';

import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';

export const ObjectMetadataItemsRelationPickerEffect = ({
  relationPickerScopeId,
}: {
  relationPickerScopeId?: string;
} = {}) => {
  const { setSearchQuery } = useRelationPicker({ relationPickerScopeId });

  const computeFilterFields = (relationPickerType: string) => {
    if (relationPickerType === 'company') {
      return ['name'];
    }

    if (['workspaceMember', 'person'].includes(relationPickerType)) {
      return ['name.firstName', 'name.lastName'];
    }

    return ['name'];
  };

  useEffect(() => {
    setSearchQuery({ computeFilterFields });
  }, [setSearchQuery]);

  return <></>;
};