Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Dataset quality] Fix flyout error when closed after navigation #182026

Merged
merged 4 commits into from
May 2, 2024

Conversation

awahab07
Copy link
Contributor

@awahab07 awahab07 commented Apr 29, 2024

Fixes #179880

Summary

The PR fixes the error reported in the parent issue by making sure Dataset Quality flyout more receptive to undefined flyout state.

@awahab07 awahab07 added bug Fixes for quality problems that affect the customer experience release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-logs Observability Logs User Experience Team labels Apr 29, 2024
@awahab07 awahab07 requested a review from a team as a code owner April 29, 2024 19:28
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-logs-team (Team:obs-ux-logs)

@botelastic botelastic bot added the ci:project-deploy-observability Create an Observability project label Apr 29, 2024
@apmmachine
Copy link
Contributor

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

  • /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
  • run docs-build : Re-trigger the docs validation. (use unformatted text in the comment!)

@awahab07
Copy link
Contributor Author

/ci

@mohamedhamed-ahmed
Copy link
Contributor

Works great, thank you
Can we maybe also remove this line so we allow closing when clicked outside the flyout?

https://github.com/elastic/kibana/blob/main/x-pack/plugins/observability_solution/dataset_quality/public/components/flyout/flyout.tsx#L43

setFlyoutState,
] = useState(flyoutState);

useEffect(() => {
Copy link
Contributor

Choose a reason for hiding this comment

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

I am not getting why do we need this useEffect, I have a feeling that its not needed

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, I've simplified the code and removed useEffect.

datasetIntegrationsLoading,
};
}, [dataStreamDetailsLoading, dataStreamSettingsLoading, datasetIntegrationsLoading]);
const loadingState = useSelector(service, (state) => ({
Copy link
Contributor

Choose a reason for hiding this comment

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

Why do we need to keep all these ones together?
I think it's better if they are separate because they are different requests, so we can show information as soon as it arrives instead of waiting for all of them to return data

Copy link
Contributor Author

Choose a reason for hiding this comment

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

They are still separate, just the code is simplified.

Copy link
Contributor

@mohamedhamed-ahmed mohamedhamed-ahmed left a comment

Choose a reason for hiding this comment

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

LGTM! Thank you for applying the changes

@kibana-ci
Copy link
Collaborator

kibana-ci commented May 2, 2024

💚 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
datasetQuality 168.7KB 168.7KB +5.0B

Canvas Sharable Runtime

The Canvas "shareable runtime" is an bundle produced to enable running Canvas workpads outside of Kibana. This bundle is included in third-party webpages that embed canvas and therefor should be as slim as possible.

id before after diff
module count - 5407 +5407
total size - 9.1MB +9.1MB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@awahab07 awahab07 added the backport:skip This commit does not require backporting label May 2, 2024
@awahab07 awahab07 merged commit 312523e into elastic:main May 2, 2024
20 checks passed
yuliacech pushed a commit to yuliacech/kibana that referenced this pull request May 3, 2024
…tic#182026)

Fixes elastic#179880

## Summary

The PR fixes the error reported in the parent issue by making sure
Dataset Quality flyout more receptive to `undefined` flyout state.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting bug Fixes for quality problems that affect the customer experience ci:project-deploy-observability Create an Observability project release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-logs Observability Logs User Experience Team v8.15.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Dataset quality] 🐞 Flyout causes an error when closed quickly after navigation
7 participants