From e1e2bdef2aa3c0cd0e44ae5e0c6781e0097ab670 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Tue, 24 Feb 2026 10:23:18 +0800
Subject: [PATCH] fix(about): show update badge instead of green check when
 newer version available

---
 src/components/settings/AboutSection.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/settings/AboutSection.tsx b/src/components/settings/AboutSection.tsx
index 9a7df5491..343ba52e6 100644
--- a/src/components/settings/AboutSection.tsx
+++ b/src/components/settings/AboutSection.tsx
@@ -525,15 +525,14 @@ export function AboutSection({ isPortable }: AboutSectionProps) {
                   {isLoadingTools || loadingTools[toolName] ? (
                     <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
                   ) : tool?.version ? (
-                    <div className="flex items-center gap-1.5">
-                      {tool.latest_version &&
-                        tool.version !== tool.latest_version && (
-                          <span className="text-[10px] px-1.5 py-0.5 rounded-full bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border border-yellow-500/20">
-                            {tool.latest_version}
-                          </span>
-                        )}
+                    tool.latest_version &&
+                    tool.version !== tool.latest_version ? (
+                      <span className="text-[10px] px-1.5 py-0.5 rounded-full bg-yellow-500/10 text-yellow-600 dark:text-yellow-400 border border-yellow-500/20">
+                        {tool.latest_version}
+                      </span>
+                    ) : (
                       <CheckCircle2 className="h-4 w-4 text-green-500" />
-                    </div>
+                    )
                   ) : (
                     <AlertCircle className="h-4 w-4 text-yellow-500" />
                   )}