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

[App Search] Convert Documents views to new page template + minor UI polish #102807

Merged
merged 5 commits into from
Jun 21, 2021

Conversation

cee-chen
Copy link
Member

Summary

Follow up to #102170 - converts more App Search pages to the new KibanaPageTemplate. I'm attempting to break up the AS layout conversion into smaller, easier to review chunks.

This PR handles the Documents view, and additionally handles some UI polish in the form of moving the empty state top level (approved by Davey), and adding a loading indicator on initial page load. As always, follow along by commit (and turn off whitespace diffs)!

Screencaps

New empty state:

Walkthrough screencap + loading state:

documents

Checklist

@cee-chen cee-chen added release_note:skip Skip the PR/issue when compiling release notes v7.14.0 auto-backport Deprecated - use backport:version if exact versions are needed labels Jun 21, 2021
@cee-chen cee-chen requested review from a team and JasonStoltz June 21, 2021 19:25
@@ -26,7 +27,7 @@ export const SearchExperienceContent: React.FC = () => {

const { isMetaEngine, engine } = useValues(EngineLogic);

if (!wasSearched) return null;
if (!wasSearched) return <Loading />;
Copy link
Contributor

Choose a reason for hiding this comment

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

👍

rightSideItems:
myRole.canManageEngineDocuments && !isMetaEngine ? [<DocumentCreationButton />] : [],
}}
isEmptyState={!engine.document_count}
Copy link
Member Author

@cee-chen cee-chen Jun 21, 2021

Choose a reason for hiding this comment

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

Oh, totally forgot to mention - I have plans to pull this out to a flat isEngineEmpty selector, but I'm going to do that in a later tech debt/polish PR, since I'll also be using that check for the engine overview

@kibanamachine
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
enterpriseSearch 2.1MB 2.1MB -721.0B

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

@cee-chen
Copy link
Member Author

Merging for speed / to reduce churn on merges/rebases tomorrow - @JasonStoltz if you have any issues or change requests with this PR, definitely let me know and I can open a follow-up

@cee-chen cee-chen merged commit 3673019 into elastic:master Jun 21, 2021
@cee-chen cee-chen deleted the kibana-page-template-as-4 branch June 21, 2021 21:37
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Jun 21, 2021
…polish (elastic#102807)

* Convert Documents view to new page template

* [UI polish] Move empty state to top-level instead of showing full UI

- per Davey's previous approval

* [UX polish] Show loading indicator on initial documents page load

* Convert single Document detail view to new page template

* Update router
@kibanamachine
Copy link
Contributor

💚 Backport successful

Status Branch Result
7.x

This backport PR will be merged automatically after passing CI.

kibanamachine added a commit that referenced this pull request Jun 21, 2021
…polish (#102807) (#102824)

* Convert Documents view to new page template

* [UI polish] Move empty state to top-level instead of showing full UI

- per Davey's previous approval

* [UX polish] Show loading indicator on initial documents page load

* Convert single Document detail view to new page template

* Update router

Co-authored-by: Constance <constancecchen@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
auto-backport Deprecated - use backport:version if exact versions are needed release_note:skip Skip the PR/issue when compiling release notes v7.14.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants