This is an automated email from the ASF dual-hosted git repository.
choo121600 pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new 43cd2b8c092 UI: Use link styling for Dag tags (#66750)
43cd2b8c092 is described below
commit 43cd2b8c0924fbaf322047b3795f33c05b1f3de1
Author: hojeong park <[email protected]>
AuthorDate: Wed May 13 20:40:52 2026 +0900
UI: Use link styling for Dag tags (#66750)
* UI: Add light background to Dag tag link
* UI: Use Chakra Link instead of inline style for Dag tags
---------
Co-authored-by: Rahul Vats <[email protected]>
---
airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx | 7 ++++---
1 file changed, 4 insertions(+), 3 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx
b/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx
index f4d38d62abe..01a0a207cf3 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagTags.tsx
@@ -16,6 +16,7 @@
* specific language governing permissions and limitations
* under the License.
*/
+import { Link } from "@chakra-ui/react";
import { FiTag } from "react-icons/fi";
import { Link as RouterLink } from "react-router-dom";
@@ -35,9 +36,9 @@ export const DagTags = ({ hideIcon = false, tags }: Props) =>
(
icon={hideIcon ? undefined : <FiTag data-testid="dag-tag" />}
interactive
items={tags.map(({ name }) => (
- <RouterLink key={name}
to={`/dags?${SearchParamsKeys.TAGS}=${encodeURIComponent(name)}`}>
- {name}
- </RouterLink>
+ <Link asChild color="fg.info" key={name}>
+ <RouterLink
to={`/dags?${SearchParamsKeys.TAGS}=${encodeURIComponent(name)}`}>{name}</RouterLink>
+ </Link>
))}
maxItems={MAX_TAGS}
/>
