diff --git a/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/FeatureEnvironmentSeen.tsx b/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/FeatureEnvironmentSeen.tsx index d117033052fa..d3783b05310c 100644 --- a/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/FeatureEnvironmentSeen.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/FeatureEnvironmentSeen.tsx @@ -2,7 +2,7 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit import TimeAgo from 'react-timeago'; import { LastSeenTooltip } from 'component/common/Table/cells/FeatureSeenCell/LastSeenTooltip'; import { FC, ReactElement } from 'react'; -import { IEnvironments } from 'interfaces/featureToggle'; +import { IEnvironments, IFeatureEnvironment } from 'interfaces/featureToggle'; import { TooltipResolver } from 'component/common/TooltipResolver/TooltipResolver'; import { Box, styled, SxProps } from '@mui/material'; import { ReactComponent as UsageLine } from 'assets/icons/usage-line.svg'; @@ -12,7 +12,7 @@ import { getLatestLastSeenAt } from './getLatestLastSeenAt'; interface IFeatureEnvironmentSeenProps { featureLastSeen: string | undefined; - environments: IEnvironments[]; + environments: IEnvironments[] | IFeatureEnvironment[]; sx?: SxProps; } diff --git a/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/getLatestLastSeenAt.ts b/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/getLatestLastSeenAt.ts index f7dbfe165626..ca5acada5178 100644 --- a/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/getLatestLastSeenAt.ts +++ b/frontend/src/component/feature/FeatureView/FeatureEnvironmentSeen/getLatestLastSeenAt.ts @@ -1,7 +1,7 @@ -import { IEnvironments } from 'interfaces/featureToggle'; +import { IEnvironments, IFeatureEnvironment } from 'interfaces/featureToggle'; export const getLatestLastSeenAt = ( - environments: IEnvironments[], + environments: IEnvironments[] | IFeatureEnvironment[], ): string | null => { try { if (!Array.isArray(environments) || environments.length === 0) { diff --git a/frontend/src/timeago.d.ts b/frontend/src/timeago.d.ts index c4d6cd38ad18..5a860254b91d 100644 --- a/frontend/src/timeago.d.ts +++ b/frontend/src/timeago.d.ts @@ -1,15 +1,7 @@ declare module 'react-timeago' { import React from 'react'; - // Specify the props if necessary. This is just a placeholder. - interface TimeAgoProps { - date: Date | string | number; - } - - // This declaration asserts that the default export from the module is a - // React component with the specified props. const TimeAgo: React.FC; - // Enable the use of the import syntax export default TimeAgo; }