앱 버전표시

frontend/src/components/TopMenuBar.tsx

@@ -10,6 +10,7 @@ import type { AuthSession } from '../utils/auth';
 import type { TradeAlertPopupLayout, TradeAlertPopupPosition } from '../utils/tradeAlertPopupLayout';
 import { canAccessMenu } from '../utils/permissions';
 import { isDesktop } from '../utils/platform';
+import { useDesktopAppTitle, formatDesktopAppLabel } from '../hooks/useDesktopAppTitle';
 import DesktopUpdateModal from './DesktopUpdateModal';
 import TopMenuBarNavGroups from './TopMenuBarNavGroups';
 
@@ -297,6 +298,7 @@ export const TopMenuBar = memo(function TopMenuBar({
   const [isFullscreen, setIsFullscreen] = useState(() => !!document.fullscreenElement);
   const [desktopUpdateOpen, setDesktopUpdateOpen] = useState(false);
   const desktopClient = isDesktop();
+  const desktopAppVersion = useDesktopAppTitle();
 
   useEffect(() => {
     const sync = () => setIsFullscreen(!!document.fullscreenElement);
@@ -317,7 +319,9 @@ export const TopMenuBar = memo(function TopMenuBar({
           <rect width="20" height="20" rx="4" fill="#2196f3"/>
           <polyline points="3,14 7,9 10,12 14,6 17,6" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" fill="none"/>
         </svg>
-        <span className="tmb-logo-text">GoldenChart</span>
+        <span className="tmb-logo-text">
+          {desktopClient ? formatDesktopAppLabel(desktopAppVersion) : 'GoldenChart'}
+        </span>
       </div>
 
       <div className="tmb-divider" />