From a7419d0abafc75521984e7162e323c8bb135d9ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Tue, 26 Aug 2025 23:24:09 +0800
Subject: [PATCH] fix: when credential unauthrozied display green color
 (#24572)

---
 .../provider-added-card/credential-panel.tsx                  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx
index d57288db3f..e67da77837 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/credential-panel.tsx
@@ -81,12 +81,12 @@ const CredentialPanel = ({
   }, [authorized, authRemoved, current_credential_name, hasCredential])
 
   const color = useMemo(() => {
-    if (authRemoved)
+    if (authRemoved || !hasCredential)
       return 'red'
     if (notAllowedToUse)
       return 'gray'
     return 'green'
-  }, [authRemoved, notAllowedToUse])
+  }, [authRemoved, notAllowedToUse, hasCredential])
 
   return (
     <>