Fix missing fields in filter on index board (#10909)
Fixes https://github.com/twentyhq/twenty/issues/10046
This commit is contained in:
@ -10,7 +10,6 @@ import { OBJECT_FILTER_DROPDOWN_ID } from '@/object-record/object-filter-dropdow
|
|||||||
import { objectFilterDropdownSearchInputComponentState } from '@/object-record/object-filter-dropdown/states/objectFilterDropdownSearchInputComponentState';
|
import { objectFilterDropdownSearchInputComponentState } from '@/object-record/object-filter-dropdown/states/objectFilterDropdownSearchInputComponentState';
|
||||||
|
|
||||||
import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
|
import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
|
||||||
import { hiddenTableColumnsComponentSelector } from '@/object-record/record-table/states/selectors/hiddenTableColumnsComponentSelector';
|
|
||||||
import { visibleTableColumnsComponentSelector } from '@/object-record/record-table/states/selectors/visibleTableColumnsComponentSelector';
|
import { visibleTableColumnsComponentSelector } from '@/object-record/record-table/states/selectors/visibleTableColumnsComponentSelector';
|
||||||
import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator';
|
import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator';
|
||||||
import { SelectableItem } from '@/ui/layout/selectable-list/components/SelectableItem';
|
import { SelectableItem } from '@/ui/layout/selectable-list/components/SelectableItem';
|
||||||
@ -87,13 +86,6 @@ export const ObjectFilterDropdownFilterSelect = ({
|
|||||||
const visibleColumnsIds = visibleTableColumns.map(
|
const visibleColumnsIds = visibleTableColumns.map(
|
||||||
(column) => column.fieldMetadataId,
|
(column) => column.fieldMetadataId,
|
||||||
);
|
);
|
||||||
const hiddenTableColumns = useRecoilComponentValueV2(
|
|
||||||
hiddenTableColumnsComponentSelector,
|
|
||||||
recordIndexId,
|
|
||||||
);
|
|
||||||
const hiddenColumnIds = hiddenTableColumns.map(
|
|
||||||
(column) => column.fieldMetadataId,
|
|
||||||
);
|
|
||||||
|
|
||||||
const filteredSearchInputFieldMetadataItems =
|
const filteredSearchInputFieldMetadataItems =
|
||||||
filterableFieldMetadataItems.filter((fieldMetadataItem) =>
|
filterableFieldMetadataItems.filter((fieldMetadataItem) =>
|
||||||
@ -112,8 +104,8 @@ export const ObjectFilterDropdownFilterSelect = ({
|
|||||||
|
|
||||||
const hiddenColumnsFieldMetadataItems = filteredSearchInputFieldMetadataItems
|
const hiddenColumnsFieldMetadataItems = filteredSearchInputFieldMetadataItems
|
||||||
.sort((a, b) => a.label.localeCompare(b.label))
|
.sort((a, b) => a.label.localeCompare(b.label))
|
||||||
.filter((fieldMetadataItem) =>
|
.filter(
|
||||||
hiddenColumnIds.includes(fieldMetadataItem.id),
|
(fieldMetadataItem) => !visibleColumnsIds.includes(fieldMetadataItem.id),
|
||||||
);
|
);
|
||||||
|
|
||||||
const selectableFieldMetadataItemIds = filterableFieldMetadataItems.map(
|
const selectableFieldMetadataItemIds = filterableFieldMetadataItems.map(
|
||||||
|
|||||||
@ -19,8 +19,8 @@ import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownM
|
|||||||
import { navigationMemorizedUrlState } from '@/ui/navigation/states/navigationMemorizedUrlState';
|
import { navigationMemorizedUrlState } from '@/ui/navigation/states/navigationMemorizedUrlState';
|
||||||
import { ViewFieldsVisibilityDropdownSection } from '@/views/components/ViewFieldsVisibilityDropdownSection';
|
import { ViewFieldsVisibilityDropdownSection } from '@/views/components/ViewFieldsVisibilityDropdownSection';
|
||||||
import { ViewType } from '@/views/types/ViewType';
|
import { ViewType } from '@/views/types/ViewType';
|
||||||
import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
|
|
||||||
import { useLingui } from '@lingui/react/macro';
|
import { useLingui } from '@lingui/react/macro';
|
||||||
|
import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
|
||||||
|
|
||||||
export const ObjectOptionsDropdownHiddenFieldsContent = () => {
|
export const ObjectOptionsDropdownHiddenFieldsContent = () => {
|
||||||
const { t } = useLingui();
|
const { t } = useLingui();
|
||||||
|
|||||||
Reference in New Issue
Block a user