houseassassin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed aggregate footer not displayed (#14276)

Browse Source 
This PR fixes a bug that made the aggregate footer not displayed.

It was because of a wrong filter on `visibleRecordFields` array.

Follow-up of https://github.com/twentyhq/twenty/pull/14048

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Lucas Bordeau
2025-09-03 13:54:44 +02:00
committed by GitHub
parent 6644957aca
commit 7e7837abf3
9 changed files with 44 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownFieldsContent.tsx
+1
View File
@@ -78,6 +78,7 @@ export const RecordBoardColumnHeaderAggregateDropdownFieldsContent = () => {
updateViewAggregate({
kanbanAggregateOperationFieldMetadataId: fieldId,
kanbanAggregateOperation: aggregateOperation,
objectMetadataId: objectMetadataItem.id,
});
closeDropdown();
}}
packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdownOptionsContent.tsx
+2 -1
View File
@@ -28,7 +28,7 @@ export const RecordBoardColumnHeaderAggregateDropdownOptionsContent = ({
availableAggregations: AvailableFieldsForAggregateOperation;
title: string;
}) => {
const { onContentChange, closeDropdown, resetContent } =
const { onContentChange, closeDropdown, resetContent, objectMetadataItem } =
useDropdownContextStateManagement<RecordBoardColumnHeaderAggregateDropdownContextValue>(
{
context: RecordBoardColumnHeaderAggregateDropdownContext,
@@ -89,6 +89,7 @@ export const RecordBoardColumnHeaderAggregateDropdownOptionsContent = ({
availableAggregationFieldsIdsForOperation[0],
kanbanAggregateOperation:
availableAggregationOperation as AggregateOperations,
objectMetadataId: objectMetadataItem.id,
});
closeDropdown();
}
packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooterCell.tsx
+4 -2
View File
@@ -4,7 +4,7 @@ import { useContext } from 'react';
import { useRecordTableContextOrThrow } from '@/object-record/record-table/contexts/RecordTableContext';
import { RecordTableColumnAggregateFooterCellContext } from '@/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterCellContext';
import { RecordTableColumnFooterWithDropdown } from '@/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterWithDropdown';
import { findById, isDefined } from 'twenty-shared/utils';
import { findByProperty, isDefined } from 'twenty-shared/utils';
const COLUMN_MIN_WIDTH = 104;
@@ -64,7 +64,9 @@ export const RecordTableAggregateFooterCell = ({
RecordTableColumnAggregateFooterCellContext,
);
const recordField = visibleRecordFields.find(findById(fieldMetadataId));
const recordField = visibleRecordFields.find(
findByProperty('fieldMetadataItemId', fieldMetadataId),
);
if (!isDefined(recordField)) {
return null;
packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterAggregateOperationMenuItems.tsx
+4 -4
View File
@@ -30,8 +30,8 @@ export const RecordTableColumnAggregateFooterAggregateOperationMenuItems = ({
{aggregateOperations.map((operation) => (
<MenuItem
key={operation}
onClick={() => {
updateViewFieldAggregateOperation(operation);
onClick={async () => {
await updateViewFieldAggregateOperation(operation);
closeDropdown(dropdownId);
}}
text={getAggregateOperationLabel(operation)}
@@ -46,8 +46,8 @@ export const RecordTableColumnAggregateFooterAggregateOperationMenuItems = ({
{children}
<MenuItem
key={'none'}
onClick={() => {
updateViewFieldAggregateOperation(null);
onClick={async () => {
await updateViewFieldAggregateOperation(null);
resetContent();
closeDropdown(dropdownId);
}}
packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterMenuContent.tsx
+2 -2
View File
@@ -92,8 +92,8 @@ export const RecordTableColumnAggregateFooterMenuContent = () => {
) : null}
<MenuItem
key={'none'}
onClick={() => {
updateViewFieldAggregateOperation(null);
onClick={async () => {
await updateViewFieldAggregateOperation(null);
resetContent();
closeDropdown(dropdownId);
}}
packages/twenty-front/src/modules/object-record/record-table/record-table-footer/hooks/useViewFieldAggregateOperation.tsx
+11 -2
View File
@@ -1,9 +1,11 @@
import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
import { RecordTableColumnAggregateFooterDropdownContext } from '@/object-record/record-table/record-table-footer/components/RecordTableColumnAggregateFooterDropdownContext';
import { viewFieldAggregateOperationState } from '@/object-record/record-table/record-table-footer/states/viewFieldAggregateOperationState';
import { type ExtendedAggregateOperations } from '@/object-record/record-table/types/ExtendedAggregateOperations';
import { convertExtendedAggregateOperationToAggregateOperation } from '@/object-record/utils/convertExtendedAggregateOperationToAggregateOperation';
import { usePersistViewFieldRecords } from '@/views/hooks/internal/usePersistViewFieldRecords';
import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly';
import { useRefreshCoreViewsByObjectMetadataId } from '@/views/hooks/useRefreshCoreViewsByObjectMetadataId';
import { useContext } from 'react';
import { useRecoilValue } from 'recoil';
@@ -16,14 +18,19 @@ export const useViewFieldAggregateOperation = () => {
const currentViewField = currentView?.viewFields?.find(
(viewField) => viewField.fieldMetadataId === fieldMetadataId,
);
const { refreshCoreViewsByObjectMetadataId } =
useRefreshCoreViewsByObjectMetadataId();
const { objectMetadataItem } = useRecordIndexContextOrThrow();
const { updateViewFieldRecords } = usePersistViewFieldRecords();
const updateViewFieldAggregateOperation = (
const updateViewFieldAggregateOperation = async (
aggregateOperation: ExtendedAggregateOperations | null,
) => {
if (!currentViewField) {
throw new Error('ViewField not found');
}
updateViewFieldRecords([
await updateViewFieldRecords([
{
...currentViewField,
aggregateOperation:
@@ -32,6 +39,8 @@ export const useViewFieldAggregateOperation = () => {
),
},
]);
refreshCoreViewsByObjectMetadataId(objectMetadataItem.id);
};
const currentViewFieldAggregateOperation = useRecoilValue(