실시간 차트 멀티모드 수정

frontend/src/components/virtual/VirtualTargetFocusView.tsx

@@ -29,6 +29,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartLiveReceiveHighlight?: boolean;
   ticker?: TickerData;
 }
 
@@ -49,6 +50,7 @@ const VirtualTargetFocusView: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartLiveReceiveHighlight = true,
   ticker,
 }) => {
   const ko = getKoreanName(market);
@@ -60,9 +62,10 @@ const VirtualTargetFocusView: React.FC<Props> = ({
     return `${lastTickAt ?? 0}|${snapshot?.updatedAt ?? 0}`;
   }, [running, lastTickAt, snapshot?.updatedAt]);
   const receiving = useLiveReceiveFlash(receiveSignal, running);
+  const highlightReceiving = chartLiveReceiveHighlight && receiving;
 
   return (
-    <div className={`vtd-focus-wrap${receiving ? ' vtd-focus-wrap--receiving' : ''}`}>
+    <div className={`vtd-focus-wrap${highlightReceiving ? ' vtd-focus-wrap--receiving' : ''}`}>
       <div className="vtd-focus-head">
         <div className="vtd-focus-head-main">
           <div className="vtd-focus-title">
@@ -129,7 +132,7 @@ const VirtualTargetFocusView: React.FC<Props> = ({
             <VirtualTargetSignalPanel
               snapshot={snapshot}
               viewMode={viewMode}
-              receiving={receiving}
+              receiving={highlightReceiving}
             />
           </div>
         </section>