diff --git a/src/renderer/components/inbox/Inbox.tsx b/src/renderer/components/inbox/Inbox.tsx index 6c6796cb..ee23c85d 100644 --- a/src/renderer/components/inbox/Inbox.tsx +++ b/src/renderer/components/inbox/Inbox.tsx @@ -9,7 +9,7 @@ import { import type { InboxItem, InboxItemType, SectionId } from "@shared/types"; import { timeAgo } from "../../lib/formatters"; import { useT } from "../../i18n"; -import { typeConfig, severityColors } from "./inbox-helpers"; +import { typeConfig, severityBorderClass } from "./inbox-helpers"; interface InboxProps { items: InboxItem[]; @@ -115,7 +115,7 @@ export function Inbox({ items, onNavigate }: InboxProps) { initial={{ opacity: 0, y: -8 }} animate={{ opacity: 1, y: 0 }} exit={{ opacity: 0, x: 20 }} - className={`group flex items-center gap-3 rounded-lg border border-l-[3px] border-border bg-card px-4 py-3 transition duration-150 hover:border-border hover:shadow-md hover:-translate-y-px ${severityColors[item.severity] ?? ""}`} + className={`group flex items-center gap-3 rounded-lg border border-l-[3px] border-border bg-card px-4 py-3 transition duration-150 hover:border-border hover:shadow-md hover:-translate-y-px ${severityBorderClass(item.severity)}`} >
= { low: "border-l-[color:var(--border)]", }; +export function severityBorderClass(severity: string | null | undefined): string { + if (!severity) return "border-l-[color:var(--border)]"; + return severityColors[severity] ?? "border-l-[color:var(--border)]"; +} + export function CompactMetric({ label, value, tone = "default", subtitle }: { label: string; value: string | number; diff --git a/src/renderer/components/settings/dialogs/OAuthPromptDialog.tsx b/src/renderer/components/settings/dialogs/OAuthPromptDialog.tsx index 7b7ec2d8..fef5d7f0 100644 --- a/src/renderer/components/settings/dialogs/OAuthPromptDialog.tsx +++ b/src/renderer/components/settings/dialogs/OAuthPromptDialog.tsx @@ -102,37 +102,28 @@ export function OAuthPromptDialog() {
{isManualCode ? ( -
-
    -
  1. - 1 - - {pending.authUrl ? ( - <> - Open{" "} - - the authorization page - {" "} - and click Authorize. - - ) : ( - <>Complete authorization in the browser window that opened. - )} - -
  2. -
  3. - 2 - Copy the authorization code shown on the confirmation page. -
  4. -
  5. - 3 - Paste it below and press Submit. +
    +
      +
    1. + {pending.authUrl ? ( + <> + Open{" "} + + the authorization page + {" "} + and click Authorize. + + ) : ( + <>Complete authorization in the browser window that opened. + )}
    2. +
    3. Copy the authorization code shown on the confirmation page.
    4. +
    5. Paste it below and press Submit.
    ) : (