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

NETOBSERV-1355 autocomplete menu button #459

Merged
merged 1 commit into from
Jan 26, 2024

Conversation

jpinsonneau
Copy link
Contributor

@jpinsonneau jpinsonneau commented Jan 23, 2024

Description

Add a button next to autocompletes to open / close suggestions.
Also added a scroller when options are more than 8.

Screencast.from.2024-01-23.11-17-14.webm

Dependencies

n/a

Checklist

If you are not familiar with our processes or don't know what to answer in the list below, let us know in a comment: the maintainers will take care of that.

  • Is this PR backed with a JIRA ticket? If so, make sure it is written as a title prefix (in general, PRs affecting the NetObserv/Network Observability product should be backed with a JIRA ticket - especially if they bring user facing changes).
  • Does this PR require product documentation?
    • If so, make sure the JIRA epic is labelled with "documentation" and provides a description relevant for doc writers, such as use cases or scenarios. Any required step to activate or configure the feature should be documented there, such as new CRD knobs.
  • Does this PR require a product release notes entry?
    • If so, fill in "Release Note Text" in the JIRA.
  • Is there anything else the QE team should know before testing? E.g: configuration changes, environment setup, etc.
    • If so, make sure it is described in the JIRA ticket.
  • QE requirements (check 1 from the list):
    • Standard QE validation, with pre-merge tests unless stated otherwise.
    • Regression tests only (e.g. refactoring with no user-facing change).
    • No QE (e.g. trivial change with high reviewer's confidence, or per agreement with the QE team).

Copy link

codecov bot commented Jan 23, 2024

Codecov Report

Attention: 9 lines in your changes are missing coverage. Please review.

Comparison is base (8f2df29) 58.61% compared to head (b2b1307) 58.51%.
Report is 8 commits behind head on main.

Files Patch % Lines
web/src/components/filters/autocomplete-filter.tsx 60.00% 8 Missing ⚠️
web/src/utils/filter-definitions.ts 90.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main     #459      +/-   ##
==========================================
- Coverage   58.61%   58.51%   -0.10%     
==========================================
  Files         167      167              
  Lines        8312     8312              
  Branches     1061     1061              
==========================================
- Hits         4872     4864       -8     
- Misses       3132     3140       +8     
  Partials      308      308              
Flag Coverage Δ
uitests 59.10% <70.00%> (-0.13%) ⬇️
unittests 56.81% <ø> (ø)

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

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@@ -251,16 +250,16 @@ export const getFilterDefinitions = (
| undefined = undefined;

if (d.id.includes('namespace')) {
getOptions = cap10(getNamespaceOptions);
getOptions = getNamespaceOptions;
Copy link
Member

Choose a reason for hiding this comment

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

is cap10 replaced by something equivalent somewhere else? I couldn't find that
How does it behave with an extremely long list of items?

Copy link
Contributor Author

@jpinsonneau jpinsonneau Jan 26, 2024

Choose a reason for hiding this comment

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

In the video recording above, you can see when I select namespace a scrollbar on the right when the input field is cleared

@jotak jotak added the ok-to-test To set manually when a PR is safe to test. Triggers image build on PR. label Jan 26, 2024
Copy link

New image:
quay.io/netobserv/network-observability-console-plugin:70ad27d

It will expire after two weeks.

To deploy this build, run from the operator repo, assuming the operator is running:

USER=netobserv VERSION=70ad27d make set-plugin-image

Copy link

openshift-ci bot commented Jan 26, 2024

[APPROVALNOTIFIER] This PR is APPROVED

Approval requirements bypassed by manually added approval.

This pull-request has been approved by:

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@jpinsonneau
Copy link
Contributor Author

Thanks @jotak !

@openshift-merge-bot openshift-merge-bot bot merged commit b4a80ab into netobserv:main Jan 26, 2024
9 checks passed
@stleerh
Copy link
Contributor

stleerh commented Jan 26, 2024

/lgtm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved lgtm ok-to-test To set manually when a PR is safe to test. Triggers image build on PR.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants