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

Feat: add path filter to tree details #564

Merged
merged 2 commits into from
Nov 22, 2024
Merged

Conversation

MarceloRobert
Copy link
Collaborator

@MarceloRobert MarceloRobert commented Nov 21, 2024

  • Updates UI to make tab change and filter list sticky
  • Updates UI to put path searchbox within the column
  • Adds filtering by test path to treeDetails page

How to test:

Go to tests or boots tab in any treeDetails page with boots or tests data,
Scroll down to see the sticky tab selection and filter listing,
Type something in the searchbox alongside the path column,
After a certain delay, the whole page will be filtered by passing a new diffFilter,
Check the filter listing and the diffFilter search param,
The returned data should be filtered by path, including individual tests under the external tests table.

Closes #524

@MarceloRobert MarceloRobert changed the title Feat: add path filter to tree/hardware details Feat: add path filter to tree details Nov 22, 2024
@MarceloRobert MarceloRobert marked this pull request as ready for review November 22, 2024 14:40
@MarceloRobert MarceloRobert force-pushed the feat/tests-path-filter branch 2 times, most recently from ecf638f to 36a1b8d Compare November 22, 2024 15:06
@Francisco2002
Copy link
Collaborator

You can add a shadow to separate the filter list from the page content.

nitShadow

@Francisco2002
Copy link
Collaborator

The content of the input should be cleaned after the filters are removed

Screenshot from 2024-11-22 14-06-30

@MarceloRobert MarceloRobert force-pushed the feat/tests-path-filter branch 2 times, most recently from 94f405c to 5491b09 Compare November 22, 2024 18:42
@Francisco2002
Copy link
Collaborator

Francisco2002 commented Nov 22, 2024

Go to this link and try filter by path. Remove the filter and try to filter by the same path again give this result

First Time Filtering Second Time Filtering
Screenshot from 2024-11-22 16-12-45 Screenshot from 2024-11-22 16-13-13

@Francisco2002
Copy link
Collaborator

This behavior persist when use the filter data in the cache

Copy link
Collaborator

@Francisco2002 Francisco2002 left a comment

Choose a reason for hiding this comment

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

Review comment about this comment

{header.id === 'path_group' ? (
<div className="flex items-center">
{headerComponent}
<DebounceInput
Copy link
Collaborator

Choose a reason for hiding this comment

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

Review about this comment

Copy link
Collaborator

@lfjnascimento lfjnascimento left a comment

Choose a reason for hiding this comment

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

Working good

{tabsTrigger}
</TabsList>
<div className="border-t border-darkGray py-6">{filterListElement}</div>
<div className="sticky top-16 z-[5] rounded-md bg-lightGray pb-6 pt-12">
Copy link
Collaborator

Choose a reason for hiding this comment

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

try swapping rounded-md with drop-shadow

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

drop-shadow gets a bit weird when nothing else in the page has shadows, but we might try something else another time

Copy link
Collaborator

@WilsonNet WilsonNet left a comment

Choose a reason for hiding this comment

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

it is working fine, please create tickets for the bugs before merging

@MarceloRobert MarceloRobert merged commit 684ca37 into main Nov 22, 2024
5 checks passed
@MarceloRobert MarceloRobert deleted the feat/tests-path-filter branch November 28, 2024 13:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tree Monitor: Filter Boots and Tests by path
4 participants