Skip to content

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

Merged
bbovenzi merged 14 commits into
apache:mainfrom
luyangliuable:feature/search-by-dag-display-name-pattern-rebase2
Oct 15, 2024
Merged

Add search by dag_display_name_pattern on dag list page with rebase#42896
bbovenzi merged 14 commits into
apache:mainfrom
luyangliuable:feature/search-by-dag-display-name-pattern-rebase2

Conversation

@luyangliuable

@luyangliuable luyangliuable commented Oct 10, 2024

Copy link
Copy Markdown
Contributor

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://github.com/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
Copy Markdown
Contributor

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

@luyangliuable

Copy link
Copy Markdown
Contributor Author

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

@bbovenzi bbovenzi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Great work!

Comment thread airflow/ui/openapi-gen/queries/queries.ts Outdated
@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
@boring-cyborg

boring-cyborg Bot commented Oct 15, 2024

Copy link
Copy Markdown

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 <brent.bovenzi@gmail.com>

* 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 <brent.bovenzi@gmail.com>
harjeevanmaan pushed a commit to harjeevanmaan/airflow that referenced this pull request Oct 23, 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 <brent.bovenzi@gmail.com>

* 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 <brent.bovenzi@gmail.com>
PaulKobow7536 pushed a commit to PaulKobow7536/airflow that referenced this pull request Oct 24, 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 <brent.bovenzi@gmail.com>

* 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 <brent.bovenzi@gmail.com>
ellisms pushed a commit to ellisms/airflow that referenced this pull request Nov 13, 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 <brent.bovenzi@gmail.com>

* 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 <brent.bovenzi@gmail.com>
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