diff --git a/packages/twenty-front/src/modules/views/components/EditableFilterDropdownButton.tsx b/packages/twenty-front/src/modules/views/components/EditableFilterDropdownButton.tsx index ac41b7baf..733aa1f4b 100644 --- a/packages/twenty-front/src/modules/views/components/EditableFilterDropdownButton.tsx +++ b/packages/twenty-front/src/modules/views/components/EditableFilterDropdownButton.tsx @@ -1,4 +1,4 @@ -import { useEffect } from 'react'; +import { useCallback, useEffect } from 'react'; import { MultipleFiltersDropdownContent } from '@/object-record/object-filter-dropdown/components/MultipleFiltersDropdownContent'; import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown'; @@ -61,6 +61,13 @@ export const EditableFilterDropdownButton = ({ removeViewFilter(viewFilter.fieldMetadataId); }; + const handleDropdownClickOutside = useCallback(() => { + const { value, fieldMetadataId } = viewFilter; + if (!value) { + removeViewFilter(fieldMetadataId); + } + }, [viewFilter, removeViewFilter]); + return ( ); }; diff --git a/packages/twenty-front/src/modules/views/hooks/internal/useViewFilters.ts b/packages/twenty-front/src/modules/views/hooks/internal/useViewFilters.ts index 2d3d00899..9107a8f3f 100644 --- a/packages/twenty-front/src/modules/views/hooks/internal/useViewFilters.ts +++ b/packages/twenty-front/src/modules/views/hooks/internal/useViewFilters.ts @@ -209,11 +209,6 @@ export const useViewFilters = (viewScopeId: string) => { return filtersDraft; } - if (filterToUpsert.value === '') { - filtersDraft.splice(existingFilterIndex, 1); - return filtersDraft; - } - filtersDraft[existingFilterIndex] = { ...filterToUpsert, id: existingSavedFilterId,