From 6c1f9ed81a8bd2bbae0f38bf9168ced777d20bc3 Mon Sep 17 00:00:00 2001
From: Guido Modarelli <guidomodarelli25@gmail.com>
Date: Fri, 18 Oct 2024 15:26:07 -0300
Subject: [PATCH] feat: refactor SyscollectorInventory to improve component
 imports and update layout for better structure and readability

---
 .../agents/syscollector/inventory.tsx         | 27 ++++++++-----------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/plugins/main/public/components/agents/syscollector/inventory.tsx b/plugins/main/public/components/agents/syscollector/inventory.tsx
index f003e86ecb..5f7c537fdd 100644
--- a/plugins/main/public/components/agents/syscollector/inventory.tsx
+++ b/plugins/main/public/components/agents/syscollector/inventory.tsx
@@ -16,15 +16,10 @@ import { API_NAME_AGENT_STATUS } from '../../../../common/constants';
 import { compose } from 'redux';
 import { withGuard } from '../../common/hocs';
 import { PromptAgentNeverConnected } from '../prompts';
-import {
-  NetworkInterfacesTable,
-  NetworkPortsTable,
-  NetworkSettingsTable,
-  ProcessesTable,
-} from './components';
 import { AgentInfo } from '../../common/welcome/agent-info/agents-info';
-import Software from './software';
-import Network from './network';
+import SoftwareTab from './software';
+import NetworkTab from './network';
+import ProcessesTab from './processes';
 
 export const SyscollectorInventory = compose(
   withGuard(
@@ -51,17 +46,17 @@ export const SyscollectorInventory = compose(
       {agent?.status === API_NAME_AGENT_STATUS.DISCONNECTED && (
         <EuiFlexGroup direction='column' gutterSize='s'>
           <EuiFlexItem>
-        <EuiCallOut
-          title='This agent is currently disconnected, the data may be outdated.'
-          iconType='iInCircle'
-        />
+            <EuiCallOut
+              title='This agent is currently disconnected, the data may be outdated.'
+              iconType='iInCircle'
+            />
           </EuiFlexItem>
         </EuiFlexGroup>
       )}
 
       <EuiFlexGroup direction='column' gutterSize='s'>
         <EuiFlexItem>
-      <EuiPanel grow paddingSize='s'>
+          <EuiPanel grow paddingSize='s'>
             <AgentInfo agent={props.agent} isCondensed={false} hideActions={true} {...props}></AgentInfo>
           </EuiPanel>
         </EuiFlexItem>
@@ -69,9 +64,9 @@ export const SyscollectorInventory = compose(
 
       <EuiSpacer size='xxl' />
 
-      {section === 'software' && <Software agent={agent} soPlatform={soPlatform} />}
-      {section === 'network' && <Network agent={agent} soPlatform={soPlatform} />}
-      {section === 'processes' && <ProcessesTable agent={agent} soPlatform={soPlatform} />}
+      {section === 'software' && <SoftwareTab agent={agent} soPlatform={soPlatform} />}
+      {section === 'network' && <NetworkTab agent={agent} soPlatform={soPlatform} />}
+      {section === 'processes' && <ProcessesTab agent={agent} soPlatform={soPlatform} />}
     </EuiPage>
   );
 });