From 7fb0299c57a8da686d88478f84cd3c74d7c2dbe0 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 21 Mar 2025 12:19:51 +0000
Subject: [PATCH] Display app version information

Display the app version and build number in the settings. Remove the build number and the number 1 below the app version.
---
 src/components/AppVersionInfo.tsx | 35 +++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/components/AppVersionInfo.tsx b/src/components/AppVersionInfo.tsx
index aeedcb8..ad4efb0 100644
--- a/src/components/AppVersionInfo.tsx
+++ b/src/components/AppVersionInfo.tsx
@@ -1,11 +1,13 @@
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { getAppVersionInfo, isAndroidPlatform } from '@/utils/platform';
 import { Label } from '@/components/ui/label';
+
 interface AppVersionInfoProps {
   className?: string;
-  showDevInfo?: boolean; // 개발자 정보 표시 여부
-  editable?: boolean; // 편집 가능 여부
+  showDevInfo?: boolean;
+  editable?: boolean;
 }
+
 const AppVersionInfo: React.FC<AppVersionInfoProps> = ({
   className,
   showDevInfo = true,
@@ -125,18 +127,29 @@ const AppVersionInfo: React.FC<AppVersionInfoProps> = ({
         </div>
       </div>;
   }
-  return <div className={className}>
-      {loading ? <div className="py-1 text-center">
+  return (
+    <div className={className}>
+      {loading ? (
+        <div className="py-1 text-center">
           <p className="text-sm text-gray-400 animate-pulse">버전 정보 로딩 중...</p>
-        </div> : error ? <div className="py-1 text-center">
+        </div>
+      ) : error ? (
+        <div className="py-1 text-center">
           <p className="text-sm text-red-500">빌드 정보 로딩 오류</p>
           <button onClick={handleRetry} className="text-xs text-blue-500 underline mt-1 px-2 py-0.5 rounded hover:bg-blue-50">
             재시도
           </button>
-        </div> : <div className="py-1 text-center">
-          <p className="text-sm">앱 버전 {versionInfo.versionName} <span className="font-mono">(빌드 {versionInfo.buildNumber})</span></p>
-          {showDevInfo && versionInfo.versionCode && <p className="text-xs text-gray-400 mt-1 font-mono">versionCode: {versionInfo.versionCode}</p>}
-        </div>}
-    </div>;
+        </div>
+      ) : (
+        <div className="py-1 text-center">
+          <p className="text-sm">{versionInfo.versionName} (build {versionInfo.buildNumber})</p>
+          {showDevInfo && versionInfo.versionCode && (
+            <p className="text-xs text-gray-400 mt-1 font-mono">versionCode: {versionInfo.versionCode}</p>
+          )}
+        </div>
+      )}
+    </div>
+  );
 };
-export default AppVersionInfo;
\ No newline at end of file
+
+export default AppVersionInfo;