추세검색 설정 추가

frontend/src/components/trendSearch/TrendSearchResultsCardGrid.tsx

@@ -19,6 +19,11 @@ interface Props {
   chartSeriesPriceLabels?: boolean;
   tickers?: Map<string, TickerData>;
   lastUpdatedAt?: number;
+  isInTargets?: (market: string) => boolean;
+  isPinned?: (market: string) => boolean;
+  onAddTarget?: (row: TrendSearchResultDto) => void;
+  onRemoveTarget?: (market: string) => void;
+  targetBusyMarket?: string | null;
 }
 
 const TrendSearchResultsCardGrid: React.FC<Props> = ({
@@ -34,6 +39,11 @@ const TrendSearchResultsCardGrid: React.FC<Props> = ({
   chartSeriesPriceLabels = true,
   tickers,
   lastUpdatedAt,
+  isInTargets,
+  isPinned,
+  onAddTarget,
+  onRemoveTarget,
+  targetBusyMarket = null,
 }) => {
   const sortedResults = useMemo(
     () => sortTrendSearchByStrength(results),
@@ -77,6 +87,11 @@ const TrendSearchResultsCardGrid: React.FC<Props> = ({
             ticker={tickers?.get(row.market)}
             updatedAt={lastUpdatedAt}
             flash={flashMarkets?.has(row.market)}
+            inTargets={isInTargets?.(row.market) ?? false}
+            targetPinned={isPinned?.(row.market) ?? false}
+            targetBusy={targetBusyMarket === row.market}
+            onAddTarget={onAddTarget ? () => onAddTarget(row) : undefined}
+            onRemoveTarget={onRemoveTarget ? () => onRemoveTarget(row.market) : undefined}
           />
         ))}
       </div>