알림목록 캔들차트 매매 시그널 표시

frontend/src/components/tradeNotification/TradeNotificationListRow.tsx

@@ -232,6 +232,15 @@ const TradeNotificationListRow: React.FC<Props> = ({
   const indicatorScrollNeeded = indicatorChartCount >= 2;
   const indicatorPlaceholder = item.strategyId != null && indicatorChartCount === 0 && chartActive;
 
+  const signalMarker = useMemo(
+    () => ({
+      candleTime: item.candleTime,
+      signalType: item.signalType,
+      price: item.price,
+    }),
+    [item.candleTime, item.signalType, item.price],
+  );
+
   const handleRowClick = useCallback((e: React.MouseEvent) => {
     const t = e.target as HTMLElement;
     if (t.closest(
@@ -432,6 +441,7 @@ const TradeNotificationListRow: React.FC<Props> = ({
               onExpand={() => setExpandedChartKey('candle')}
               onRestore={() => setExpandedChartKey(null)}
               onRealtimeActivity={chartActive ? bumpChartActivity : undefined}
+              signalMarker={signalMarker}
             />
           </div>
         ) : (
@@ -476,6 +486,7 @@ const TradeNotificationListRow: React.FC<Props> = ({
                 onExpand={() => setExpandedChartKey('candle')}
                 onRestore={() => setExpandedChartKey(null)}
                 onRealtimeActivity={chartActive ? bumpChartActivity : undefined}
+                signalMarker={signalMarker}
               />
               {indicatorPlaceholder && (
                 <div className="tnl-combined-chart-placeholder">전략 지표 로딩 중…</div>