Skip to content

Commit c151cc4

Browse files
committed
fix: 优化 API Server 凭证列表显示
- 移除红色背景,改用统一的中性背景色 - 健康状态用绿色圆点,非健康用黄色圆点(不再用红色) - 添加定时刷新凭证池数据(5秒),使用次数能够实时更新
1 parent 86fe6c3 commit c151cc4

1 file changed

Lines changed: 5 additions & 12 deletions

File tree

src/components/api-server/ApiServerPage.tsx

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -188,6 +188,9 @@ export function ApiServerPage() {
188188

189189
useEffect(() => {
190190
loadPoolOverview();
191+
// 定时刷新凭证池数据,以便使用次数能够更新
192+
const poolInterval = setInterval(loadPoolOverview, 5000);
193+
return () => clearInterval(poolInterval);
191194
}, []);
192195

193196
// 自动清除 provider 切换提示
@@ -627,22 +630,12 @@ export function ApiServerPage() {
627630
{credentials.map((cred) => (
628631
<div
629632
key={cred.uuid}
630-
className={`flex items-center justify-between rounded-lg border px-3 py-2 text-sm ${
631-
cred.is_healthy
632-
? "border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950"
633-
: cred.is_disabled
634-
? "border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900"
635-
: "border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-950"
636-
}`}
633+
className="flex items-center justify-between rounded-lg border border-border bg-muted/30 px-3 py-2 text-sm"
637634
>
638635
<div className="flex items-center gap-2">
639636
<span
640637
className={`h-2 w-2 rounded-full ${
641-
cred.is_healthy
642-
? "bg-green-500"
643-
: cred.is_disabled
644-
? "bg-gray-400"
645-
: "bg-red-500"
638+
cred.is_healthy ? "bg-green-500" : "bg-yellow-500"
646639
}`}
647640
/>
648641
<span>{cred.name || cred.uuid.slice(0, 8)}</span>

0 commit comments

Comments
 (0)