add updates available to overview (#65193)

This commit is contained in:
Sandra Gonzales 2020-05-04 20:16:19 -04:00 committed by GitHub
parent 86332e2bb8
commit bab70fbd88
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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 (
<EuiFlexItem component="section">
@ -69,6 +70,15 @@ export const OverviewIntegrationSection: React.FC = () => {
<EuiDescriptionListDescription>
<EuiI18nNumber value={installed} />
</EuiDescriptionListDescription>
<EuiDescriptionListTitle>
<FormattedMessage
id="xpack.ingestManager.overviewIntegrationsUpdatesAvailableTitle"
defaultMessage="Updates available"
/>
</EuiDescriptionListTitle>
<EuiDescriptionListDescription>
<EuiI18nNumber value={updatablePackages} />
</EuiDescriptionListDescription>
</>
)}
</OverviewStats>