일목균형표 수정

frontend/src/components/trendSearch/TrendSearchCardChart.tsx

@@ -24,6 +24,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
 }
 
 const noop = () => {};
@@ -42,6 +43,7 @@ const TrendSearchCardChart: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartPaneSeparator,
 }) => {
   const chartTf = toChartTimeframe(timeframe);
   const { getParams, getVisualConfig } = useIndicatorSettings();
@@ -196,6 +198,7 @@ const TrendSearchCardChart: React.FC<Props> = ({
           volumeVisible
           showHoverToolbar={false}
           seriesPriceLabelsEnabled={chartSeriesPriceLabels}
+          paneSeparatorOptions={chartPaneSeparator}
         />
       </div>
     </div>

frontend/src/components/trendSearch/TrendSearchChartPanel.tsx

@@ -20,6 +20,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
 }
 
 const noop = () => {};
@@ -39,6 +40,7 @@ const TrendSearchChartPanel: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartPaneSeparator,
 }) => {
   const chartTf = toChartTimeframe(timeframe);
   const { getParams, getVisualConfig } = useIndicatorSettings();
@@ -183,6 +185,7 @@ const TrendSearchChartPanel: React.FC<Props> = ({
           volumeVisible
           showHoverToolbar={false}
           seriesPriceLabelsEnabled={chartSeriesPriceLabels}
+          paneSeparatorOptions={chartPaneSeparator}
         />
       </div>
     </div>

frontend/src/components/trendSearch/TrendSearchResultCard.tsx

@@ -22,6 +22,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   ticker?: TickerData;
   updatedAt?: number;
   flash?: boolean;
@@ -58,6 +59,7 @@ const TrendSearchResultCard: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartPaneSeparator,
   ticker,
   updatedAt,
   flash = false,
@@ -139,6 +141,7 @@ const TrendSearchResultCard: React.FC<Props> = ({
           theme={theme}
           chartRealtimeSource={chartRealtimeSource}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
+          chartPaneSeparator={chartPaneSeparator}
         />
       ) : (
         <TrendSearchCardSignalPanel

frontend/src/components/trendSearch/TrendSearchResultsCardGrid.tsx

@@ -17,6 +17,7 @@ interface Props {
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
   chartSeriesPriceLabels?: boolean;
+  chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   tickers?: Map<string, TickerData>;
   lastUpdatedAt?: number;
   isInTargets?: (market: string) => boolean;
@@ -37,6 +38,7 @@ const TrendSearchResultsCardGrid: React.FC<Props> = ({
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
   chartSeriesPriceLabels = true,
+  chartPaneSeparator,
   tickers,
   lastUpdatedAt,
   isInTargets,
@@ -84,6 +86,7 @@ const TrendSearchResultsCardGrid: React.FC<Props> = ({
             theme={theme}
             chartRealtimeSource={chartRealtimeSource}
             chartSeriesPriceLabels={chartSeriesPriceLabels}
+            chartPaneSeparator={chartPaneSeparator}
             ticker={tickers?.get(row.market)}
             updatedAt={lastUpdatedAt}
             flash={flashMarkets?.has(row.market)}