diff --git a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/overview/components/integration_section.tsx b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/overview/components/integration_section.tsx index f4c122af88371c..33db53e6fbff4f 100644 --- a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/overview/components/integration_section.tsx +++ b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/overview/components/integration_section.tsx @@ -22,10 +22,11 @@ import { InstallationStatus } from '../../../types'; export const OverviewIntegrationSection: React.FC = () => { const packagesRequest = useGetPackages(); - - const total = packagesRequest.data?.response?.length ?? 0; - const installed = - packagesRequest.data?.response?.filter(p => p.status === InstallationStatus.installed) + const res = packagesRequest.data?.response; + const total = res?.length ?? 0; + const installed = res?.filter(p => p.status === InstallationStatus.installed)?.length ?? 0; + const updatablePackages = + res?.filter(item => 'savedObject' in item && item.version > item.savedObject.attributes.version) ?.length ?? 0; return ( @@ -69,6 +70,15 @@ export const OverviewIntegrationSection: React.FC = () => { + + + + + + )}