일목균형표 수정

frontend/src/components/virtual/VirtualTargetGrid.tsx

@@ -13,6 +13,7 @@ import {
 import type { VirtualLiveStatus } from '../../hooks/useVirtualTargetLiveStatus';
 import type { VirtualIndicatorSnapshot } from '../../hooks/useVirtualIndicatorSnapshots';
 import type { TickerData } from '../../hooks/useMarketTicker';
+import { resolveVirtualTargetStrategyId } from '../../utils/virtualTargetStrategy';
 
 interface Props {
   targets: VirtualTargetItem[];
@@ -28,6 +29,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   chartLiveReceiveHighlight?: boolean;
   tickers?: Map<string, TickerData>;
   viewMode: VirtualCardViewMode;
@@ -44,6 +46,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartPaneSeparator,
   chartLiveReceiveHighlight = true,
   tickers,
   viewMode,
@@ -111,7 +114,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
       {focusMarket && focusTarget ? (
         <VirtualTargetFocusView
           market={focusTarget.market}
-          strategy={strategies.find(s => s.id === (focusTarget.strategyId ?? session.globalStrategyId))}
+          strategy={strategies.find(s => s.id === resolveVirtualTargetStrategyId(focusTarget, session.globalStrategyId))}
           strategies={strategies}
           strategyId={focusTarget.strategyId}
           globalStrategyId={session.globalStrategyId}
@@ -127,13 +130,14 @@ const VirtualTargetGrid: React.FC<Props> = ({
           theme={theme}
           chartRealtimeSource={chartRealtimeSource}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
+          chartPaneSeparator={chartPaneSeparator}
           chartLiveReceiveHighlight={chartLiveReceiveHighlight}
           ticker={tickers?.get(focusTarget.market)}
         />
       ) : (
         <div className={`vtd-grid vtd-grid--${viewMode}`}>
           {targets.map(t => {
-            const strat = strategies.find(s => s.id === (t.strategyId ?? session.globalStrategyId));
+            const strat = strategies.find(s => s.id === resolveVirtualTargetStrategyId(t, session.globalStrategyId));
             return (
               <VirtualTargetCard
                 key={t.market}
@@ -158,6 +162,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
                 theme={theme}
                 chartRealtimeSource={chartRealtimeSource}
                 chartSeriesPriceLabels={chartSeriesPriceLabels}
+          chartPaneSeparator={chartPaneSeparator}
                 chartLiveReceiveHighlight={chartLiveReceiveHighlight}
                 ticker={tickers?.get(t.market)}
               />