From 0478e4cde5c7645451ac0059ade32a8993ab2025 Mon Sep 17 00:00:00 2001
From: yyh <92089059+lyzno1@users.noreply.github.com>
Date: Wed, 17 Dec 2025 16:26:23 +0800
Subject: [PATCH] Refactor clear button implementation in type selector

---
 .../components/app/type-selector/index.tsx    | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/web/app/components/app/type-selector/index.tsx b/web/app/components/app/type-selector/index.tsx
index c3b881e652..5b5cc303df 100644
--- a/web/app/components/app/type-selector/index.tsx
+++ b/web/app/components/app/type-selector/index.tsx
@@ -38,17 +38,21 @@ const AppTypeSelector = ({ value, onChange }: AppSelectorProps) => {
             'flex cursor-pointer items-center justify-between space-x-1 rounded-md px-2 hover:bg-state-base-hover',
           )}>
             <AppTypeSelectTrigger values={value} />
-            {value && value.length > 0 && <button
-              type='button'
-              aria-label={t('common.operation.clear')}
-              className='h-4 w-4'
-              onClick={(e) => {
-                e.stopPropagation()
-                onChange([])
-              }}
-            >
-              <RiCloseCircleFill className='h-3.5 w-3.5 cursor-pointer text-text-quaternary hover:text-text-tertiary' />
-            </button>}
+              {value && value.length > 0 && (
+                <button
+                  type="button"
+                  aria-label={t('common.operation.clear')}
+                  className="h-4 w-4 group"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    onChange([])
+                  }}
+                >
+                  <RiCloseCircleFill
+                    className="h-3.5 w-3.5 text-text-quaternary group-hover:text-text-tertiary"
+                  />
+                </button>
+              )}
           </div>
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent className='z-[1002]'>