가상 수정

frontend/src/components/virtual/VirtualTargetCard.tsx

@@ -11,6 +11,8 @@ import type { VirtualCardViewMode } from '../../utils/virtualTradingStorage';
 import VirtualTargetCardChart from './VirtualTargetCardChart';
 import VirtualTargetSignalPanel from './VirtualTargetSignalPanel';
 import type { Theme } from '../../types';
+import type { TickerData } from '../../hooks/useMarketTicker';
+import VirtualTargetQuote from './VirtualTargetQuote';
 
 export type VirtualCardDisplayMode = 'signal' | 'chart';
 
@@ -34,6 +36,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  ticker?: TickerData;
 }
 
 const VirtualTargetCard: React.FC<Props> = ({
@@ -56,6 +59,7 @@ const VirtualTargetCard: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  ticker,
 }) => {
   const ko = getKoreanName(market);
   const sym = market.replace(/^KRW-/, '');
@@ -122,6 +126,7 @@ const VirtualTargetCard: React.FC<Props> = ({
               ))}
             </select>
           </label>
+          <span className="vtd-card-tf">시간봉 {tf}</span>
         </div>
         <div className="vtd-card-head-actions">
           {onEnterFocus && (
@@ -162,7 +167,7 @@ const VirtualTargetCard: React.FC<Props> = ({
       </div>
 
       <div className="vtd-card-meta">
-        <span className="vtd-card-tf">시간봉 {tf}</span>
+        <VirtualTargetQuote market={market} ticker={ticker} compact />
         {!isChart && isDetail && evalCount > 0 && (
           <span className="vtd-card-met-count">{metCount}/{evalCount} 조건 충족</span>
         )}