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

Add search by dag_display_name_pattern on dag list page with rebase #42896

Conversation

luyangliuable
Copy link
Contributor

@luyangliuable luyangliuable commented Oct 10, 2024

New PR after rebase for #42797

Screen.Recording.2024-10-08.at.12.55.23.am.mov
  • I have updated the URL to reflect changes in the dagDisplayNamePattern. If this is not desirable, I can remove it.
  • I created an enum in searchParams.ts.

There are a few issues to address:

  • The dagDisplayNamePattern does not accurately find or include the DAGs when the text matches the tag name exactly. The reason for this is unclear.
  • The spinner is not centered. I removed the conditional rendering logic for DagsList based on isLoading, as it was causing the entire DagsList component to re-render every time the data was updated.


Closes: https:/apache/airflow/issues/27581

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Oct 10, 2024
@luyangliuable luyangliuable changed the title Feature/search by dag display name pattern rebase2 Add search by dag_display_name_pattern on dag list page with rebase Oct 10, 2024
@luyangliuable luyangliuable reopened this Oct 10, 2024
@bbovenzi
Copy link
Contributor

Looks like we need to run pnpm format too and that should fix the static checks

@luyangliuable
Copy link
Contributor Author

Thanks, I ran pnpm format and committed the styling updates.

Copy link
Contributor

@bbovenzi bbovenzi left a comment

Choose a reason for hiding this comment

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

Great work!

@luyangliuable luyangliuable force-pushed the feature/search-by-dag-display-name-pattern-rebase2 branch from 02852da to 78153aa Compare October 14, 2024 10:16
@bbovenzi bbovenzi merged commit f38d56d into apache:main Oct 15, 2024
51 checks passed
Copy link

boring-cyborg bot commented Oct 15, 2024

Awesome work, congrats on your first merged pull request! You are invited to check our Issue Tracker for additional contributions.

R7L208 pushed a commit to R7L208/airflow that referenced this pull request Oct 17, 2024
…pache#42896)

* Add search by `dag_display_name_pattern` on dag list page.

* refactor search parameter update logic

* Refactor SearchBar component and simplify debounce logic in DagsList.

* Refactor search input change handling for SearchBar and DagsList components

* Update airflow/ui/src/pages/DagsList/DagsList.tsx

Co-authored-by: Brent Bovenzi <[email protected]>

* Refactor search parameter handling and improve type consistency

* Remove typo

* Add `LAST_DAG_RUN_STATE` to `SearchParamsKeys` and update filters

* Add LAST_DAG_RUN_STATE to SearchParamsKeys and update filters

* Fix missing change for add SearchBar component by removing forwardRef and adding debounced search logic.

* minor change for SearchBar and DagsFilters components

* Optimize imports and improve formatting across components

* refactor: move query options from autogenerated useDagServiceGetDags to DagsList.

* Fix formatting.

---------

Co-authored-by: Brent Bovenzi <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:UI Related to UI/UX. For Frontend Developers.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants