diff --git a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/formatStatus.ts b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/formatStatus.ts index 65e595832e..9e8a48193f 100644 --- a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/formatStatus.ts +++ b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportStatusCell/formatStatus.ts @@ -13,12 +13,11 @@ export const formatStatus = ( const { type, createdAt } = feature; const featureType = featureTypes.find( - featureType => featureType.name === type + featureType => featureType.id === type ); const date = parseISO(createdAt); const now = new Date(); const diff = getDiffInDays(date, now); - if ( featureType && expired(diff, featureType) && diff --git a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportTable.tsx b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportTable.tsx index 44fc22ff5f..859e0772f3 100644 --- a/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportTable.tsx +++ b/frontend/src/component/project/Project/ProjectHealth/ReportTable/ReportTable.tsx @@ -59,21 +59,20 @@ export const ReportTable = ({ projectId, features }: IReportTableProps) => { ); const { featureTypes } = useFeatureTypes(); - const data: IReportTableRow[] = useMemo( - () => - features.map(report => ({ - project: projectId, - name: report.name, - type: report.type, - stale: report.stale, - environments: report.environments, - status: formatStatus(report, featureTypes), - lastSeenAt: report.lastSeenAt, - createdAt: report.createdAt, - expiredAt: formatExpiredAt(report, featureTypes), - })), - [projectId, features] - ); + const data: IReportTableRow[] = useMemo(() => { + console.log(featureTypes); + return features.map(report => ({ + project: projectId, + name: report.name, + type: report.type, + stale: report.stale, + environments: report.environments, + status: formatStatus(report, featureTypes), + lastSeenAt: report.lastSeenAt, + createdAt: report.createdAt, + expiredAt: formatExpiredAt(report, featureTypes), + })); + }, [projectId, features, featureTypes]); const initialState = useMemo( () => ({ @@ -145,7 +144,7 @@ export const ReportTable = ({ projectId, features }: IReportTableProps) => { maxWidth: 120, }, ], - [showEnvironmentLastSeen] + [showEnvironmentLastSeen, JSON.stringify(data)] ); const {