mobile download

frontend/src/components/TopMenuBar.tsx

@@ -21,6 +21,8 @@ interface TopMenuBarProps {
   /** 미확인 매매 시그널 알림 수 */
   tradeNotifyUnread?: number;
   onOpenNotifications?: () => void;
+  /** 모바일 앱 다운로드 모달 */
+  onOpenAppDownload?: () => void;
   /** 우측에 떠 있는 알림 팝업(토스트) 개수 */
   tradeNotifyToastCount?: number;
   /** 모든 알림 팝업 닫기 */
@@ -79,6 +81,14 @@ const IcSettings = () => (
   </svg>
 );
 
+const IcAppDownload = () => (
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+    <rect x="4.5" y="1.5" width="7" height="13" rx="1.5"/>
+    <line x1="8" y1="9" x2="8" y2="12.5"/>
+    <polyline points="6,10.5 8,12.5 10,10.5"/>
+  </svg>
+);
+
 const IcNotify = () => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
     <path d="M8 1.5a4.5 4.5 0 0 0-4.5 4.5c0 3.5-1 4.5-1.5 4.5h12c-.5 0-1.5-1-1.5-4.5A4.5 4.5 0 0 0 8 1.5z"/>
@@ -160,6 +170,7 @@ export const TopMenuBar = memo(function TopMenuBar({
   activePage, theme, onPage, onTheme,
   tradeNotifyUnread = 0,
   onOpenNotifications,
+  onOpenAppDownload,
   tradeNotifyToastCount = 0,
   onDismissAllNotifyPopups,
   tradeAlertPopupPosition = 'right',
@@ -209,6 +220,17 @@ export const TopMenuBar = memo(function TopMenuBar({
 
       {/* 우측 영역 */}
       <div className="tmb-right">
+        {onOpenAppDownload && (
+          <button
+            type="button"
+            className="tmb-app-download-btn"
+            onClick={onOpenAppDownload}
+            title="GoldenChart 모바일 앱 다운로드"
+            aria-label="앱 다운로드"
+          >
+            <IcAppDownload />
+          </button>
+        )}
         {onOpenNotifications && showNotifications && (
           <div className="tmb-notify-group">
             <button