search

wazuh / wazuh-dashboard-plugins

Plugins for Wazuh Dashboard
https://wazuh.com/
GNU General Public License v2.0
436 stars 182 forks source link

Remove many loading spinners in some views #6946

Closed asteriscos closed 1 month ago

asteriscos commented 2 months ago
Wazuh Rev Browser
4.9.0 - Chrome, Firefox, Safari, etc

Description Currently, the search bar has a loading spinner which makes some views have several loading spinners and also displaces the search bar. We should avoid this by removing the loading of find a way to have a single loading in the page.

Steps to reproduce

  1. Navigate to MITRE ATT&CK -> Framework
  2. See the loading spinners

Peek 2024-08-26 16-30

asteriscos commented 2 months ago

One possibility would be to use a progress bar and match the height of the loading component to the search bar so the components aren't displaced when it finishes loading.

Image

guidomodarelli commented 2 months ago

Description

Remove many loading spinners in some views

Issues Resolved

6946

Evidence

### Before https://github.com/user-attachments/assets/04c0b337-709b-422d-8a21-bc38b051189c https://github.com/user-attachments/assets/2f04bb50-917f-4d78-9311-a94be2d20220 ### After https://github.com/user-attachments/assets/a9f77805-6667-468e-8090-91ea907d90ff https://github.com/user-attachments/assets/9e9b7204-e36b-4bab-8db5-a6605bcc55e0
### Before https://github.com/user-attachments/assets/5cd7b5d6-7b04-4b98-b7dd-7230e55413eb https://github.com/user-attachments/assets/e8cd90d1-7bbd-4cda-a8a1-d3f35766a335 ### After https://github.com/user-attachments/assets/75a6c908-6f3a-4fad-a22f-5dfef15df96a https://github.com/user-attachments/assets/0f501506-39c0-4848-9188-73758147f366
### Before https://github.com/user-attachments/assets/a55ae7a3-26c8-4f3e-a35b-50af4080272d ![MITRE ATT CK - Events - Before - FIXED](https://github.com/user-attachments/assets/579602b2-af8d-446a-bab4-5f440ab26982) ### After ![MITRE ATT CK - Events - After](https://github.com/user-attachments/assets/2bacc73c-e8d2-406f-9637-0053e63aa188) ![MITRE ATT CK - Events - After - FIXED](https://github.com/user-attachments/assets/b6a4369c-2686-4627-b1e0-ffbff60db936)

In plugins/wazuh/public/components/agents/fim/inventory/fileDetail.tsx

Before

FIM - Debian Agent - Inventory - FileDetail - Before FIM - Debian Agent - Inventory - FileDetail - Before - FIXED

After

FIM - Debian Agent - Inventory - FileDetail - After FIM - Debian Agent - Inventory - FileDetail - After - FIXED

In plugins/wazuh/public/components/overview/compliance-table/components/requirement-flyout/requirement-flyout.tsx:

Before

GDPR - Controls - Before

After

GDPR - Controls - After

In plugins/wazuh/public/components/overview/mitre/framework/components/techniques/components/flyout-technique/flyout-technique.tsx:

Before

PCI DSS - Controls - Before

After

PCI DSS - Controls - After

### Before ![MITRE ATT CK - AWS - Before](https://github.com/user-attachments/assets/2f990b28-3bf6-407b-9f48-6862c7cfe222) ![MITRE ATT CK - AWS - Before - FIXED](https://github.com/user-attachments/assets/99f700de-5673-4398-a144-17f77824c170) ### After ![MITRE ATT CK - AWS - After](https://github.com/user-attachments/assets/abd227f6-64d5-40f8-8237-d3b81afd0829) ![MITRE ATT CK - AWS - After - FIXED](https://github.com/user-attachments/assets/56b39eaf-3001-4b18-af4b-7851fb2fa554)
### Before ![MITRE ATT CK - Docker - Before](https://github.com/user-attachments/assets/2004608e-677b-4969-8162-68ff25e715a7) ![MITRE ATT CK - Docker - Before - FIXED](https://github.com/user-attachments/assets/d2c5e2ac-08cf-4be9-a8f6-b40aac8b6e19) ### After ![MITRE ATT CK - Docker - After](https://github.com/user-attachments/assets/42151942-3b70-4c8c-b1a9-a4049a3e1ac6) ![MITRE ATT CK - Docker - After - FIXED](https://github.com/user-attachments/assets/77cc1b1a-67aa-42cc-9a82-a0c546f7550e)
### Before ![MITRE ATT CK - FIM - Before](https://github.com/user-attachments/assets/c113912c-df13-469e-9f19-00614b795bb9) ![MITRE ATT CK - FIM - Before - FIXED](https://github.com/user-attachments/assets/5b5eae12-53aa-4a37-b98e-ee0f70ea7f10) ### After ![MITRE ATT CK - FIM - After](https://github.com/user-attachments/assets/39931741-d804-4378-81f0-1a17c0e8bdbe) ![MITRE ATT CK - FIM - After - FIXED](https://github.com/user-attachments/assets/a22ab58b-a152-482d-ad82-4c6864046fa7)
### Before ![MITRE ATT CK - GDPR - Before](https://github.com/user-attachments/assets/8d81c189-56b5-4b96-8b16-6801577f2aa3) ![MITRE ATT CK - GDPR - Before - FIXED](https://github.com/user-attachments/assets/a6da82ea-4dc3-411d-a7f7-5ac3da183b20) ### After ![MITRE ATT CK - GDPR - After](https://github.com/user-attachments/assets/b9ccfb30-8b3b-4556-9bde-ed9354497fcc) ![MITRE ATT CK - GDPR - After - FIXED](https://github.com/user-attachments/assets/f8a98792-8f8c-41c5-9623-48560b549e32)
### Before ![MITRE ATT CK - GitHub - Before](https://github.com/user-attachments/assets/2eb7bdad-78d7-4a00-89cf-037edd28cb9c) ![MITRE ATT CK - GitHub - Before - FIXED](https://github.com/user-attachments/assets/e0e1e436-90db-403b-969d-148d5df2b88f) ### After ![MITRE ATT CK - GitHub - After](https://github.com/user-attachments/assets/1d6af2b9-e88a-412d-bf07-742e6b7fe70c) ![MITRE ATT CK - GitHub - After - FIXED](https://github.com/user-attachments/assets/a5cdf750-c4a5-4934-828b-476a9cc778d5)
### Before ![MITRE ATT CK - Google Cloud - Before](https://github.com/user-attachments/assets/87050418-7cee-49a4-9a66-46cb0d7fdd9d) ![MITRE ATT CK - Google Cloud - Before - FIXED](https://github.com/user-attachments/assets/dd7945d0-78a1-478d-a528-8943a8bcde7e) ### After ![MITRE ATT CK - Google Cloud - After](https://github.com/user-attachments/assets/bd2ce981-c209-48b7-8162-d0c109745815) ![MITRE ATT CK - Google Cloud - After - FIXED](https://github.com/user-attachments/assets/0a30a400-7d2d-4797-aa77-6dbc52f2eb8a)
### Before ![MITRE ATT CK - HIPAA - Before](https://github.com/user-attachments/assets/d8adc791-12e2-4925-9199-bc05f8ca09e6) ![MITRE ATT CK - HIPAA - Before - FIXED](https://github.com/user-attachments/assets/d2a33c08-4096-40a7-92ec-d5b0d5f7a63d) ### After ![MITRE ATT CK - HIPAA - After](https://github.com/user-attachments/assets/5e923f59-fb20-42ea-82bb-72e1a48e4237) ![MITRE ATT CK - HIPAA - After - FIXED](https://github.com/user-attachments/assets/2beb4951-b673-4a41-9078-cfc7081512d3)
### Before ![MITRE ATT CK - Malware Detection - Before](https://github.com/user-attachments/assets/1599216c-bea3-4502-b7ca-99accef87029) ![MITRE ATT CK - Malware Detection - Before - FIXED](https://github.com/user-attachments/assets/2b8a3b1e-a9d9-455c-8853-81709d4d0e9c) ### After ![MITRE ATT CK - Malware Detection - After](https://github.com/user-attachments/assets/8ac3792f-891b-4d42-8e8c-a3f88605d0cb) ![MITRE ATT CK - Malware Detection - After - FIXED](https://github.com/user-attachments/assets/cd4f7a6d-b940-402d-8eff-8a0114efbe56)
### Before ![MITRE ATT CK - NIST - Before](https://github.com/user-attachments/assets/1cfa124f-4a43-409d-ac5e-3d25eb578738) ![MITRE ATT CK - NIST - Before - FIXED](https://github.com/user-attachments/assets/be168f25-6f5a-456c-bfa5-626d37dd9518) ### After ![MITRE ATT CK - NIST - After](https://github.com/user-attachments/assets/aafccbb7-f3c6-4885-afea-c5f8ae16eb31) ![MITRE ATT CK - NIST - After - FIXED](https://github.com/user-attachments/assets/8c675f45-89f0-4282-8e70-d06ff9e7f9ce)
### Before ![MITRE ATT CK - Office - Before](https://github.com/user-attachments/assets/192a8103-4815-4896-963d-5341208d6b47) ![MITRE ATT CK - Office - Before - FIXED](https://github.com/user-attachments/assets/0b658150-e8e9-4425-8346-6a4477a4701d) ### After ![MITRE ATT CK - Office - After](https://github.com/user-attachments/assets/c14e638d-c49a-4ae9-898f-1a754ac54fee) ![MITRE ATT CK - Office - After - FIXED](https://github.com/user-attachments/assets/158a09ef-5e06-4a3c-ac18-15d2935bb836)
### Before ![MITRE ATT CK - PCI - Before](https://github.com/user-attachments/assets/afc45c52-34c5-40a0-ba6c-9996cea7c46b) ![MITRE ATT CK - PCI - Before - FIXED](https://github.com/user-attachments/assets/1422e9e5-9569-40b2-84c7-6863cd008448) ### After ![MITRE ATT CK - PCI - After](https://github.com/user-attachments/assets/bf4ccc88-3020-45e2-831e-d0cdc7fa52c7) ![MITRE ATT CK - PCI - After - FIXED](https://github.com/user-attachments/assets/2516a27d-392c-4f57-8453-529cea930773)
### Before ![MITRE ATT CK - Threat Hunting - Before](https://github.com/user-attachments/assets/506ddfe8-3d6c-4f03-9c03-b9f3b43c4273) ![MITRE ATT CK - Threat Hunting - Before - FIXED](https://github.com/user-attachments/assets/61f0cc48-ad61-4b4a-9327-b90965445cfa) ### After ![MITRE ATT CK - Threat Hunting - After](https://github.com/user-attachments/assets/cf74917a-fec7-46c3-b33d-a0029c3a5720) ![MITRE ATT CK - Threat Hunting - After - FIXED](https://github.com/user-attachments/assets/033149d1-1662-4ed4-a1a0-f9013e0c6baf)
### Before ![MITRE ATT CK - TSC - Before](https://github.com/user-attachments/assets/2e733837-908d-40ec-9de4-f8642cc5293d) ![MITRE ATT CK - TSC - Before - FIXED](https://github.com/user-attachments/assets/dad54374-600e-4fdd-ba52-632a5cd25029) ### After ![MITRE ATT CK - TSC - After](https://github.com/user-attachments/assets/60c6498a-11bc-4ea7-b654-4b0f4e198f82) ![MITRE ATT CK - TSC - After - FIXED](https://github.com/user-attachments/assets/6207b7b6-d829-4a84-8602-5436fc881c3b)
### Before ![MITRE ATT CK - VirusTotal - Before](https://github.com/user-attachments/assets/d65b20f8-d83d-4a30-a27a-2e19eac944e8) ![MITRE ATT CK - VirusTotal - Before - FIXED](https://github.com/user-attachments/assets/ca9c2a3d-0e44-40d4-8fe6-88241e245f52) ### After ![MITRE ATT CK - VirusTotal - After](https://github.com/user-attachments/assets/66a90536-aa46-4fb5-9b39-5e76eea2ffa2) ![MITRE ATT CK - VirusTotal - After - FIXED](https://github.com/user-attachments/assets/3e594637-8e43-421b-bc95-bf0ddb2ab227)

Tests

  1. Navigate to "Threat intelligence" » "MITRE ATT&CK" MITRE ATT CK - How to test

  2. See the Loading Search Progress

How to test File Integrity Monitoring

  1. Click On "Menu"
  2. Expand "Endpoint Security"
  3. Click On "File Integrity Monitoring"
  4. Select "Inventory" tab
  5. Click On "Select agent"
  6. Select "Debian agent" (ID: 001)
  7. Select "/etc/resolv.conf" file
  8. See the Loading Search Progress

https://github.com/user-attachments/assets/b7bb5318-46d0-4560-85f2-f544d00df3e6

How to test GDPR

  1. Click On "Menu"
  2. Expand "Security Operations"
  3. Click On "GDPR"
  4. Select "Control" tab
  5. Click On any requirement
  6. See the Loading Search Progress

https://github.com/user-attachments/assets/70f30793-17d4-401d-a0dd-7f2610488b7b

How to test PCI DSS

  1. Click On "Menu"
  2. Expand "Security Operations"
  3. Click On "PCI DSS"
  4. Select "Control" tab
  5. Click On any requirement
  6. See the Loading Search Progress

https://github.com/user-attachments/assets/39109fdb-b2df-456a-948c-e547a3e0fc62

How to test HIPAA

  1. Click On "Menu"
  2. Expand "Security Operations"
  3. Click On "HIPAA"
  4. Select "Control" tab
  5. Click On any requirement
  6. See the Loading Search Progress

How to test NIST 800-53

  1. Click On "Menu"
  2. Expand "Security Operations"
  3. Click On "NIST 800-53"
  4. Select "Control" tab
  5. Click On any requirement
  6. See the Loading Search Progress

How to test TSC

  1. Click On "Menu"
  2. Expand "Security Operations"
  3. Click On "TSC"
  4. Select "Control" tab
  5. Click On any requirement
  6. See the Loading Search Progress

How to test MITRE ATT&CK

  1. Click On "Menu"
  2. Expand "Threat intelligence"
  3. Click On "MITRE ATT&CK"
  4. Select "Framework" tab
  5. Click On any requirement
  6. See the Loading Search Progress