Skip to content

Commit

Permalink
Improve agent details page (#7196)
Browse files Browse the repository at this point in the history
* style(top_packages_table): increase padding size in EuiPanel for improved layout consistency and visual appearance

* style(vuls_welcome_panel): align text to the left for better readability in vulnerability panel component

* refactor(agents-welcome): update malware detection to vulnerability detection for better alignment with application terminology

* feat(ribbon): add condensed prop to IRibbonItem and implement logic for displaying condensed items in the ribbon component

* fix(dashboard_panels): adjust height of panel '1' from 12 to 7 for improved layout consistency in dashboard panels

* chore(changelog): document changes to agent details page for better readability and layout consistency

* fix(vuls_panel): change padding size of EuiPanel from 's' to 'm' for improved layout consistency in the welcome panel

* fix(agent_info): update IP address style to set min and max width for improved layout consistency in agent info display

* Add euiFlexGroup element to inventory test snapshot

* fix(agent_details): refine layout of agent details view for improved readability and consistency [#7193]

* feat(wz-text-tooltip): implement text truncation with tooltip for improved text display in component [#7194]

* style(ribbon-item): adjust max-width for mobile responsiveness in ribbon-item component [#7200]

* style(agent-info): update minWidth and maxWidth for better layout in agent info component [#7201]

* style(wz-text-tooltip): add anchorClassName for full width in tooltip component [#7195]

* feat(ribbon-item): enhance rendering logic and add render prop for dynamic content

* style(wz-ribbon-item): prevent growth of ribbon item for consistent layout [#7202]

* style(wz-ribbon-item): set font size and prevent growth for consistent layout across inventory components [#7206]

* style(agent-info): remove min-width for agent status to enhance layout consistency [#7207]

* style(agent-status): add custom margin for icon tip to improve alignment [#7208]

* style(agent-info): modify IP address styling to support IPv6 with adjusted min/max widths [#7209]

* style(ribbon): reduce group length in GroupTruncate to enhance display [#7210]

* style(agent-info): streamline styling by removing minWidth properties for cleaner display within agent info component [#7211]

* style(wz-text-tooltip): enhance text display responsiveness with word-break and white-space adjustments for smaller screens [#7212]

* Update lifecycle method from componentDidMount to componentDidUpdate

* Increase group truncate length to 30 characters

* style(agent-info): make 'Group' value condensed and remove maxWidth for 'Operating system' display

* fix(ribbon-item): rename elementStyle to contentStyle for clarity in WzTextWithTooltipIfTruncated component

* refactor(wz-text-tooltip): rename buildContent to renderContent for improved readability in WzTextWithTooltipIfTruncated component

* refactor(wz-text-tooltip): extract createClone method for cleaner code and improved readability in WzTextWithTooltipIfTruncated component

* refactor(ribbon-item): change item.style to contentStyle for improved clarity in WzRibbonItem component

* feat(platform): add getPlatformIcon and getOsName functions for improved agent OS representation in the application

* feat(agent-info): enhance OS display by integrating platform icon and name in InventoryMetrics and AgentInfo components

* refactor(ribbon-item): update WzTextWithTooltipIfTruncated to use contentStyle for cleaner code in ribbon-item component

* refactor(ribbon-item): use contentStyle instead of item.style for improved clarity in ribbon-item component rendering

* refactor(wz-text-with-tooltip): convert class to functional component with hooks for cleaner state management and rendering logic

* refactor(agent-info): add minWidth style to registration and last keep-alive fields for better layout consistency

* refactor(agent-status): update tooltip class name for improved styling consistency in status indicators

---------

Co-authored-by: Federico Rodriguez <federico.rodriguez@wazuh.com>
  • Loading branch information
guidomodarelli and asteriscos authored Dec 11, 2024
1 parent accde5a commit 6a0d63e
Showing 20 changed files with 569 additions and 453 deletions.
1 change: 1 addition & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -10,6 +10,7 @@ All notable changes to the Wazuh app project will be documented in this file.

### Changed

- Refined the layout of the agent details view [#7193](https://github.com/wazuh/wazuh-dashboard-plugins/issues/7193)
- Changed the width of the command column, relocate argvs column and change the width of the rest of the columns in the table processes. [#7195](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7195)

## Wazuh v4.10.0 - OpenSearch Dashboards 2.16.0 - Revision 03
Original file line number Diff line number Diff line change
@@ -44,7 +44,7 @@ exports[`AgentStatus component Renders status indicator with the its color and t
active
</span>
<span
class="euiToolTipAnchor wz-margin-left-10"
class="euiToolTipAnchor wz-agent-icon-tip"
>
<svg
aria-hidden="true"
@@ -112,7 +112,7 @@ exports[`AgentStatus component Renders status indicator with the its color and t
disconnected
</span>
<span
class="euiToolTipAnchor wz-margin-left-10"
class="euiToolTipAnchor wz-agent-icon-tip"
>
<svg
aria-label="Description"
@@ -180,7 +180,7 @@ exports[`AgentStatus component Renders status indicator with the its color and t
never connected
</span>
<span
class="euiToolTipAnchor wz-margin-left-10"
class="euiToolTipAnchor wz-agent-icon-tip"
>
<svg
aria-label="Description"
@@ -248,7 +248,7 @@ exports[`AgentStatus component Renders status indicator with the its color and t
pending
</span>
<span
class="euiToolTipAnchor wz-margin-left-10"
class="euiToolTipAnchor wz-agent-icon-tip"
>
<svg
aria-label="Description"
3 changes: 3 additions & 0 deletions plugins/main/public/components/agents/agent-status.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.wz-agent-icon-tip {
margin-left: 5px;
}
3 changes: 2 additions & 1 deletion plugins/main/public/components/agents/agent-status.tsx
Original file line number Diff line number Diff line change
@@ -9,6 +9,7 @@ import { EuiIconTip } from '@elastic/eui';
import { AGENT_STATUS_CODE } from '../../../common/constants';
import '../../styles/common.scss';
import { Agent } from '../endpoints-summary/types';
import './agent-status.scss';

interface AgentStatusProps {
status: TAgentStatus;
@@ -37,7 +38,7 @@ export const AgentStatus = ({
tooltip={agentStatusLabelByAgentStatus(status).toLowerCase()}
/>
<EuiIconTip
anchorClassName='wz-margin-left-10'
anchorClassName='wz-agent-icon-tip'
aria-label='Description'
size='m'
type='iInCircle'
Loading

0 comments on commit 6a0d63e

Please sign in to comment.