[UI] Replaced as the full and partial scan dates are displayed in the…

… Details panel in Vulnerabilites/Inventory (#4169) * 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>
wazuh · Jun 2, 2022 · f8a9ec8 · f8a9ec8
1 parent 6b8fb4b
commit f8a9ec8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git 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
@@ -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>