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

Fix UI glitch on SOM delete confirmation modal #87623

Merged

Conversation

pgayvallet
Copy link
Contributor

@pgayvallet pgayvallet commented Jan 7, 2021

Summary

Fix #87232

  • Fix UI bug in the pagination of the delete confirmation modal
  • Extract the confirmation modal and export modal to their own components
  • Add unit tests on extracted components

Screenshots

Before

Screen Shot 2021-01-04 at 4 00 45 PM

dots

After

Screenshot 2021-01-07 at 14 10 16

Screenshot 2021-01-07 at 14 10 07

Checklist

@pgayvallet pgayvallet added v7.11.1 v7.12.0 v8.0.0 release_note:skip Skip the PR/issue when compiling release notes labels Jan 7, 2021
@pgayvallet pgayvallet marked this pull request as ready for review January 7, 2021 18:43
@pgayvallet pgayvallet requested a review from a team as a code owner January 7, 2021 18:43
Copy link
Contributor

@TinaHeiligers TinaHeiligers left a comment

Choose a reason for hiding this comment

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

Code LGTM (I like the restructuring that makes the saved_objects_table more concise). I ran the code and it works great too!

I think it's worth documenting why we had to change from EuiConfirmModal to EuiModal so that other devs don't fall into this trap. If EUI isn't adding that to their docs as a warning, we should at the very least add it to our a11y docs.

Aside: There are now 3 modals in the components folder, maybe we should think about moving those to their own folder (e.g. components/modals). WDYT?

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
savedObjectsManagement 136 138 +2

Async chunks

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

id before after diff
savedObjectsManagement 187.8KB 190.6KB +2.8KB

History

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

@pgayvallet pgayvallet merged commit a0d33dc into elastic:master Jan 11, 2021
pgayvallet added a commit to pgayvallet/kibana that referenced this pull request Jan 11, 2021
* extract delete confirm modal

* extract the export modal

* add data-test-subj to confirm modal

* add comment on why we can't use EuiConfirmModal
pgayvallet added a commit to pgayvallet/kibana that referenced this pull request Jan 11, 2021
* extract delete confirm modal

* extract the export modal

* add data-test-subj to confirm modal

* add comment on why we can't use EuiConfirmModal
gmmorris added a commit to gmmorris/kibana that referenced this pull request Jan 11, 2021
* master:
  [APM] Define placement “Right” to offset tooltip (elastic#87729)
  Fix UI glitch on SOM delete confirmation modal (elastic#87623)
  Remove src/plugins/vis_default_editor -> src/plugins/visualizations cyclic dependencies (elastic#86988)
  [Timelion] Fix tests flakiness on suggestion click (elastic#87273)
  [Uptime] Fix/details page tabs (elastic#86296)
  [ML] Fix earliest and latest texts for date fields (elastic#87482)
  chore(NA): move grokdebugger plugin test fixtures out of __tests__ folder (elastic#87765)
  [Security Solution] Refactor Cypress scenarios to use internal contex… (elastic#86609)
  [Security Solution] Unskip cypress tests (elastic#86653)
pgayvallet added a commit that referenced this pull request Jan 11, 2021
* extract delete confirm modal

* extract the export modal

* add data-test-subj to confirm modal

* add comment on why we can't use EuiConfirmModal
pgayvallet added a commit that referenced this pull request Jan 11, 2021
* extract delete confirm modal

* extract the export modal

* add data-test-subj to confirm modal

* add comment on why we can't use EuiConfirmModal
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release_note:skip Skip the PR/issue when compiling release notes v7.11.1 v7.12.0 v8.0.0
Projects
None yet
3 participants