diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx index dd8eeaa..aa23186 100644 --- a/src/renderer/App.tsx +++ b/src/renderer/App.tsx @@ -2653,10 +2653,10 @@ export function App(): ReactElement { const renderAccountRow = (row: (typeof accountRows)[number], isMember: boolean): ReactElement => { const st = row.accountId ? (snapshot.settings?.debridAccountStatuses?.[row.accountId] ?? null) : null; const checking = row.accountId ? megaCheckingIds.has(row.accountId) : false; - let statusCls = "ok"; - let statusText = "Konfiguriert"; + let statusCls = "none"; + let statusText = "—"; if (row.disabled) { statusCls = "disabled"; statusText = "Deaktiviert"; } - else if (!row.checkable) { statusCls = "ok"; statusText = "Konfiguriert"; } + else if (!row.checkable) { statusCls = "none"; statusText = "—"; } else if (checking) { statusCls = "unknown"; statusText = "Prüfe…"; } else if (!st) { statusCls = "unknown"; statusText = "Noch nicht geprüft"; } else if (!st.valid) { statusCls = "invalid"; statusText = st.message || "Login ungültig"; } @@ -2689,7 +2689,9 @@ export function App(): ReactElement { {traffic} - {statusText} + {statusCls === "none" + ? + : {statusText}} {username} {expiry} diff --git a/src/renderer/styles.css b/src/renderer/styles.css index 806dc1e..e2db774 100644 --- a/src/renderer/styles.css +++ b/src/renderer/styles.css @@ -3313,6 +3313,7 @@ td { .acct2-expiry { font-variant-numeric: tabular-nums; color: var(--muted); } .acct2-user { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .acct2-status .account-validity-badge { margin-top: 0; } +.acct2-nostatus { color: var(--muted); opacity: 0.6; font-variant-numeric: tabular-nums; } .rotation-panel { display: flex; flex-direction: column; gap: 6px; max-height: 320px; overflow-y: auto; } .rotation-empty { color: var(--muted, #a59c8e); font-size: 12px; }