Skip to content

[CSP] Show loading indicator in misconfigurations flyout table#227619

Merged
opauloh merged 5 commits intoelastic:mainfrom
zk2k2:csp/fix-misconfig-flyout-loading
Jul 28, 2025
Merged

[CSP] Show loading indicator in misconfigurations flyout table#227619
opauloh merged 5 commits intoelastic:mainfrom
zk2k2:csp/fix-misconfig-flyout-loading

Conversation

@zk2k2
Copy link
Contributor

@zk2k2 zk2k2 commented Jul 11, 2025

[CSP] Show loading indicator in misconfigurations flyout table

Fixes: Issue #226694


Summary

When expanding the misconfigurations flyout in Host Details, the <EuiBasicTable> immediately shows “No items found” while the query is in flight.
This PR adds the loading={isLoading} prop so that the table’s built-in spinner displays during data fetch, then renders rows once available.


Checklist

  • Any text added follows EUI’s writing guidelines, uses sentence case, and includes i18n support
  • Documentation was added or updated (n/a; no new public API or user-facing docs)
  • Unit or functional tests were updated or added to cover the loading state
  • If a plugin configuration key changed, verify allowlist/cloud/docker entries (n/a)
  • Checked for breaking HTTP API changes (none)
  • Flaky Test Runner was used on any modified tests
  • Release note label applied: release_note:non-issue

Identify risks

  • Risk: Very low. Only the existing <EuiBasicTable> gained a loading prop.
  • Mitigation: Manual smoke test confirms spinner appears on flyout expand and table renders correctly once data arrives.
  • No performance regression expected, as React-Query’s isLoading is already tracked, and EUI’s overlay is lightweight.

Release Note

Fixed a misleading "No items found" message in the misconfiguration flyout by displaying a loading spinner while data is being fetched.

release_note:fix
backport:skip

Currently, when expanding the misconfigurations flyout, the table shows a "No items found" message while data is loading. This change adds the `loading` prop to the `<EuiBasicTable>` to properly display a loading spinner during the data fetch.

Fixes:  Issue elastic#226694
@zk2k2 zk2k2 requested a review from a team as a code owner July 11, 2025 11:41
@cla-checker-service
Copy link

cla-checker-service bot commented Jul 11, 2025

💚 CLA has been signed

@opauloh opauloh added release_note:skip Skip the PR/issue when compiling release notes Team:Cloud Security Cloud Security team related v9.2.0 labels Jul 11, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-cloud-security-posture (Team:Cloud Security)

@opauloh opauloh added the backport:skip This PR does not require backporting label Jul 11, 2025
@opauloh
Copy link
Contributor

opauloh commented Jul 11, 2025

Thanks for your PR @zk2k2, can you sign the Contributor agreement?

Copy link
Contributor

@opauloh opauloh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@zk2k2
Copy link
Contributor Author

zk2k2 commented Jul 11, 2025

@opauloh I signed it twice and it didn't register for some reason, any idea why?

Edit: Nevermind I had to comment for it to register, all good now!

@opauloh
Copy link
Contributor

opauloh commented Jul 11, 2025

/ci

@opauloh
Copy link
Contributor

opauloh commented Jul 11, 2025

@elasticmachine run docs-build

@opauloh
Copy link
Contributor

opauloh commented Jul 11, 2025

Thanks for signing the CLA, I am running the CI and the code will be merged once it passes!

@opauloh
Copy link
Contributor

opauloh commented Jul 14, 2025

/ci

2 similar comments
@opauloh
Copy link
Contributor

opauloh commented Jul 15, 2025

/ci

@opauloh
Copy link
Contributor

opauloh commented Jul 24, 2025

/ci

@opauloh opauloh enabled auto-merge (squash) July 24, 2025 15:11
@opauloh
Copy link
Contributor

opauloh commented Jul 24, 2025

/ci

@opauloh
Copy link
Contributor

opauloh commented Jul 28, 2025

/ci

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
securitySolution 9.8MB 9.8MB +25.0B

History

@opauloh
Copy link
Contributor

opauloh commented Jul 28, 2025

@elasticmachine run docs-build

@opauloh opauloh merged commit d4a37a6 into elastic:main Jul 28, 2025
12 checks passed
@opauloh
Copy link
Contributor

opauloh commented Jul 29, 2025

Hi @zk2k2 , your PR was successfully merged!

Thanks for your contribution in Kibana!

@zk2k2
Copy link
Contributor Author

zk2k2 commented Jul 30, 2025

@opauloh Thanks! Glad to have helped :)

delanni pushed a commit to delanni/kibana that referenced this pull request Aug 5, 2025
…ic#227619)

## [CSP] Show loading indicator in misconfigurations flyout table

**Fixes:** Issue elastic#226694

---

### Summary

When expanding the misconfigurations flyout in Host Details, the
`<EuiBasicTable>` immediately shows “No items found” while the query is
in flight.
This PR adds the `loading={isLoading}` prop so that the table’s built-in
spinner displays during data fetch, then renders rows once available.

---

### Checklist

- [x] Any text added follows [EUI’s writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case, and includes i18n support
- [ ] Documentation was added or updated (n/a; no new public API or
user-facing docs)
- [ ] Unit or functional tests were updated or added to cover the
loading state
- [ ] If a plugin configuration key changed, verify
allowlist/cloud/docker entries (n/a)
- [ ] Checked for breaking HTTP API changes (none)  
- [ ] Flaky Test Runner was used on any modified tests  
- [ ] Release note label applied: `release_note:non-issue`  

---

### Identify risks

- **Risk:** Very low. Only the existing `<EuiBasicTable>` gained a
`loading` prop.
- **Mitigation:** Manual smoke test confirms spinner appears on flyout
expand and table renders correctly once data arrives.
- No performance regression expected, as React-Query’s `isLoading` is
already tracked, and EUI’s overlay is lightweight.

### Release Note

Fixed a misleading "No items found" message in the misconfiguration
flyout by displaying a loading spinner while data is being fetched.

release_note:fix
backport:skip

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Paulo Silva <paulo.henrique@elastic.co>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting 💝community release_note:skip Skip the PR/issue when compiling release notes Team:Cloud Security Cloud Security team related v9.2.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] [Cloud Security] Missing loading indicator for misconfigurations and vulenrabilities in the expanded flyout

4 participants