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

Utilize EuiEmptyPrompt to represent empty state #320

Merged
merged 3 commits into from
Oct 17, 2023

Conversation

nung22
Copy link
Contributor

@nung22 nung22 commented Oct 7, 2023

Description

Implements EuiEmptyPrompt component to represent empty state in the result panel of Search Relevance. "Connect to data source" button links to the tutorial_directory endpoint so users can add sample data if they wish.

Issues Resolved

Closes #308

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
For more information on following Developer Certificate of Origin and signing off your commits, please check here.

Screenshots

Before:

Dark Mode

Screenshot 2023-10-07 115045

Light Mode

Screenshot 2023-10-07 115023

After:

Dark Mode

Screenshot 2023-10-07 114624

Light Mode

Screenshot 2023-10-07 114807

Navigation to "Add Sample Data" page:

Dark Mode

euiEmptyPrompt-darkMode

Light Mode

euiEmptyPrompt-lightMode

@codecov
Copy link

codecov bot commented Oct 7, 2023

Codecov Report

Merging #320 (7aa4c4d) into main (acb3dd8) will not change coverage.
Report is 2 commits behind head on main.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #320   +/-   ##
=======================================
  Coverage   87.08%   87.08%           
=======================================
  Files          16       16           
  Lines         209      209           
  Branches       43       43           
=======================================
  Hits          182      182           
  Misses         26       26           
  Partials        1        1           
Flag Coverage Δ
dashboards-search-relevance 87.08% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Coverage Δ
...rch_result/result_components/result_components.tsx 88.23% <ø> (ø)
...e/search_result/result_components/result_panel.tsx 92.85% <ø> (ø)

@sejli
Copy link
Member

sejli commented Oct 10, 2023

Could you add screenshots for when sample data has already been added to the OpenSearch cluster?

@nung22
Copy link
Contributor Author

nung22 commented Oct 10, 2023

Could you add screenshots for when sample data has already been added to the OpenSearch cluster?

I updated the content of the empty prompt after a discussion on the #257 thread:

Screenshot 2023-10-10 140501

Screenshot 2023-10-10 140518

Screenshot 2023-10-10 140549

Screenshot 2023-10-10 140611

Copy link
Member

@joshuarrrr joshuarrrr left a comment

Choose a reason for hiding this comment

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

Thanks for the fix - one minor suggestion, as well as a plugin-wide issue that could be opened.

…s/result_components.tsx

Co-authored-by: Josh Romero <[email protected]>
Signed-off-by: Nicholas Ung <[email protected]>
Copy link
Member

@sejli sejli left a comment

Choose a reason for hiding this comment

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

LGTM! Thanks for the changes.

@noCharger noCharger merged commit 53d6fe3 into opensearch-project:main Oct 17, 2023
12 checks passed
github-actions bot added a commit that referenced this pull request Oct 17, 2023
* Utilize EuiEmptyPrompt to represent empty state

Signed-off-by: Nicholas Ung <[email protected]>

* Update icon and text for empty prompts

Signed-off-by: Nicholas Ung <[email protected]>

* Update public/components/query_compare/search_result/result_components/result_components.tsx

Co-authored-by: Josh Romero <[email protected]>
Signed-off-by: Nicholas Ung <[email protected]>

---------

Signed-off-by: Nicholas Ung <[email protected]>
Co-authored-by: Josh Romero <[email protected]>
(cherry picked from commit 53d6fe3)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
@nung22 nung22 deleted the fix/issue-308 branch October 17, 2023 17:14
sejli pushed a commit that referenced this pull request Oct 17, 2023
* Utilize EuiEmptyPrompt to represent empty state



* Update icon and text for empty prompts



* Update public/components/query_compare/search_result/result_components/result_components.tsx




---------



(cherry picked from commit 53d6fe3)

Signed-off-by: Nicholas Ung <[email protected]>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Josh Romero <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

(OUI Next Theme) Empty State
4 participants