mirror of
https://github.com/aiclientproxy/proxycast.git
synced 2026-09-24 23:10:56 +08:00
fix: 优化 API Server 凭证列表显示
- 移除红色背景,改用统一的中性背景色 - 健康状态用绿色圆点,非健康用黄色圆点(不再用红色) - 添加定时刷新凭证池数据(5秒),使用次数能够实时更新
This commit is contained in:
@@ -188,6 +188,9 @@ export function ApiServerPage() {
|
||||
|
||||
useEffect(() => {
|
||||
loadPoolOverview();
|
||||
// 定时刷新凭证池数据,以便使用次数能够更新
|
||||
const poolInterval = setInterval(loadPoolOverview, 5000);
|
||||
return () => clearInterval(poolInterval);
|
||||
}, []);
|
||||
|
||||
// 自动清除 provider 切换提示
|
||||
@@ -627,22 +630,12 @@ export function ApiServerPage() {
|
||||
{credentials.map((cred) => (
|
||||
<div
|
||||
key={cred.uuid}
|
||||
className={`flex items-center justify-between rounded-lg border px-3 py-2 text-sm ${
|
||||
cred.is_healthy
|
||||
? "border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950"
|
||||
: cred.is_disabled
|
||||
? "border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900"
|
||||
: "border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-950"
|
||||
}`}
|
||||
className="flex items-center justify-between rounded-lg border border-border bg-muted/30 px-3 py-2 text-sm"
|
||||
>
|
||||
<div className="flex items-center gap-2">
|
||||
<span
|
||||
className={`h-2 w-2 rounded-full ${
|
||||
cred.is_healthy
|
||||
? "bg-green-500"
|
||||
: cred.is_disabled
|
||||
? "bg-gray-400"
|
||||
: "bg-red-500"
|
||||
cred.is_healthy ? "bg-green-500" : "bg-yellow-500"
|
||||
}`}
|
||||
/>
|
||||
<span>{cred.name || cred.uuid.slice(0, 8)}</span>
|
||||
|
||||
Reference in New Issue
Block a user