add updates available to overview (#65193)

elastic · May 5, 2020 · bab70fb · bab70fb
1 parent 86332e2
commit bab70fb
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/...r/public/applications/ingest_manager/sections/overview/components/integration_section.tsx b/...r/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 (
     <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>