투자관리 수정

frontend/src/components/PaperTradingPage.tsx

@@ -297,10 +297,10 @@ const PaperTradingPage: React.FC<Props> = ({
           <div className="ptd-invest-metrics">
             <PaperAssetTrendChart refreshKey={dataRefreshKey} />
             <div className="ptd-metrics-grid">
-              <MetricCard icon="📉" title="MDD" value={`${metrics.mddPct.toFixed(2)}%`} sub="최대 낙폭" tone="down" />
-              <MetricCard icon="📊" title="Sharpe Ratio" value={metrics.sharpeRatio.toFixed(2)} sub="위험 대비 수익" tone="up" />
-              <MetricCard icon="🏆" title="Win Rate" value={`${metrics.winRatePct.toFixed(0)}%`} sub="승률" tone="up" />
-              <MetricCard icon="🛡" title="Profit Factor" value={metrics.profitFactor.toFixed(2)} sub="총이익/총손실" tone="up" />
+              <MetricCard label="MDD" value={`${metrics.mddPct.toFixed(2)}%`} tone="down" />
+              <MetricCard label="Sharpe Ratio" value={metrics.sharpeRatio.toFixed(2)} tone="up" />
+              <MetricCard label="Win Rate" value={`${metrics.winRatePct.toFixed(0)}%`} tone="up" />
+              <MetricCard label="Profit Factor" value={metrics.profitFactor.toFixed(2)} tone="up" />
             </div>
           </div>
         </div>
@@ -375,17 +375,13 @@ const PaperTradingPage: React.FC<Props> = ({
   );
 };
 
-function MetricCard({ icon, title, value, sub, tone }: {
-  icon: string; title: string; value: string; sub: string; tone: 'up' | 'down';
+function MetricCard({ label, value, tone }: {
+  label: string; value: string; tone: 'up' | 'down';
 }) {
   return (
     <div className={`ptd-metric ptd-metric--${tone}`}>
-      <span className="ptd-metric-icon">{icon}</span>
-      <div>
-        <div className="ptd-metric-title">{title}</div>
-        <div className="ptd-metric-value">{value}</div>
-        <div className="ptd-metric-sub">{sub}</div>
-      </div>
+      <span className="ptd-metric-label">{label}</span>
+      <span className="ptd-metric-value">{value}</span>
     </div>
   );
 }