diff --git a/ui/components/version-status.tsx b/ui/components/version-status.tsx index 0aee5382..5151c11f 100644 --- a/ui/components/version-status.tsx +++ b/ui/components/version-status.tsx @@ -77,12 +77,14 @@ function pickColorClass(status: StatusKind): string { return 'text-emerald-600 dark:text-emerald-400'; } -function pickIcon(status: StatusKind) { - if (status === 'outdated') return AlertTriangleIcon; - if (status === 'commit-drift' || status === 'ahead' || status === 'unknown') { - return InfoIcon; +function renderStatusIcon(status: StatusKind, className: string) { + if (status === 'outdated') { + return ; } - return CheckCircle2Icon; + if (status === 'commit-drift' || status === 'ahead' || status === 'unknown') { + return ; + } + return ; } function describeStatus(status: StatusKind): string { @@ -138,7 +140,6 @@ export function VersionStatus({ }; const colorClass = pickColorClass(status); - const StatusIcon = pickIcon(status); const versionLabel = currentVersion ? formatVersionLabel(currentVersion) : nodeQuery.isLoading @@ -168,7 +169,7 @@ export function VersionStatus({ title='View version details' aria-label={ariaLabel} > - + {renderStatusIcon(status, 'h-3 w-3 shrink-0')} {versionLabel} @@ -181,7 +182,7 @@ export function VersionStatus({
- + {renderStatusIcon(status, cn('h-4 w-4 shrink-0', colorClass))} Node Version