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