From f8a9ec8578835b20c08b31e69841b5b5aca29402 Mon Sep 17 00:00:00 2001
From: Antonio <34042064+Desvelao@users.noreply.github.com>
Date: Thu, 2 Jun 2022 10:33:52 +0200
Subject: [PATCH] [UI] Replaced as the full and partial scan dates are
 displayed in the Details panel in Vulnerabilites/Inventory (#4169)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: replace the rendering of full and partial scan dates in Vulnerabilities/Inventory

* changelog: add PR entry

* fix: Changed the title size

* Update CHANGELOG.md

Co-authored-by: Álex <alejandro.ruiz.becerra@wazuh.com>
---
 CHANGELOG.md                                |  4 ++++
 public/components/agents/vuls/inventory.tsx | 19 +++++++++++++------
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7c4418fc4c..81c17aa96f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to the Wazuh app project will be documented in this file.
 
 ## Wazuh v4.3.4 - Kibana 7.10.2, 7.16.x, 7.17.x - Revision 4305
 
+### Changed
+
+- Replaced how the full and partial scan dates are displayed in the `Details` panel of `Vulnerabilities/Inventory` [#4169](https://github.com/wazuh/wazuh-kibana-app/pull/4169)
+
 ### Fixed
 
 - Fixed a toast message with a successful process appeared when removing an agent of a group in `Management/Groups` and the agent appears in the agent list after refreshing the table [#4167](https://github.com/wazuh/wazuh-kibana-app/pull/4167)
diff --git a/public/components/agents/vuls/inventory.tsx b/public/components/agents/vuls/inventory.tsx
index 4f310b84c8..f228888694 100644
--- a/public/components/agents/vuls/inventory.tsx
+++ b/public/components/agents/vuls/inventory.tsx
@@ -36,6 +36,7 @@ import {
 import { ICustomBadges } from '../../wz-search-bar/components';
 import { formatUIDate } from '../../../react-services';
 import { VisualizationBasicWidgetSelector, VisualizationBasicWidget  } from '../../common/charts/visualizations/basic';
+import { WzStat } from '../../wz-stat';
 
 interface Aggregation { title: number, description: string, titleColor: string }
 interface pieStats { id: string, label: string, value: number }
@@ -243,14 +244,20 @@ export class Inventory extends Component {
                   </EuiFlexGroup>
                   <EuiFlexGroup style={{ marginTop: 'auto' }}>
                     <EuiFlexItem>
-                      <EuiText>
-                        <EuiIcon type="calendar" color={'primary'} /> Last full scan: {last_full_scan}
-                      </EuiText>
+                      <WzStat
+                        title={last_full_scan}
+                        description="Last full scan"
+                        textAlign='center'
+                        titleSize='xs'
+                      />
                     </EuiFlexItem>
                     <EuiFlexItem>
-                      <EuiText>
-                        <EuiIcon type="calendar" color={'primary'} /> Last partial scan: {last_partial_scan}
-                      </EuiText>
+                      <WzStat
+                        title={last_partial_scan}
+                        description="Last partial scan"
+                        textAlign='center'
+                        titleSize='xs'
+                      />
                     </EuiFlexItem>
                   </EuiFlexGroup>
                 </EuiFlexItem>