Function SignalsView

src/components/SmartMoneyPanel.tsx:282–370

({
  smartTrades,
  markets,
  onSelectMarket,
  onSelectWallet,
}: {
  smartTrades: WhaleTrade[];
  markets: ProcessedMarket[];
  onSelectMarket?: (slug: string) => void;
  onSelectWallet?: (address: string) => void;
})

}

function SignalsView({
  smartTrades,
  markets,
  onSelectMarket,
  onSelectWallet,
}: {
  smartTrades: WhaleTrade[];
  markets: ProcessedMarket[];
  onSelectMarket?: (slug: string) => void;
  onSelectWallet?: (address: string) => void;
}) {
  const { t } = useI18n();
  const signals = useMemo(
    () => detectSignals(smartTrades, markets),
    [smartTrades, markets]
  );

  if (signals.length === 0) {
    return (
      <div className="text-[12px] text-[var(--text-ghost)] py-4 text-center">
        {t("smartMoney.noSignals6h")}
      </div>
    );
  }

  return (
    <div className="space-y-0.5">
      {signals.map((sig) => (
        <div
          key={sig.id}
          className="border-b border-[var(--border-subtle)] last:border-0 px-1.5 py-[5px]"
        >
          {/* Header row */}
          <div className="flex items-center gap-1.5">
            <span className="text-[12px] shrink-0">{SIGNAL_ICONS[sig.type] || "?"}</span>
            <span
              className="text-[8px] px-1 rounded-sm shrink-0 font-bold uppercase"
              style={{
                color: STRENGTH_COLORS[sig.strength],
                background: sig.strength === "strong" ? "rgba(255,68,68,0.1)" : sig.strength === "moderate" ? "rgba(245,158,11,0.1)" : "rgba(128,128,128,0.1)",
              }}
            >
              {sig.strength}
            </span>
            <span className="text-[10px] text-[var(--text-faint)] shrink-0">
              {t(SIGNAL_LABEL_KEYS[sig.type] || sig.type)}
            </span>
            <span className="text-[10px] text-[var(--text-ghost)] ml-auto shrink-0 tabular-nums">
              {signalTimeAgo(sig.timestamp)}
            </span>
          </div>

          {/* Market title */}
          <button
            onClick={() => onSelectMarket?.(sig.market.slug)}
            className="text-[11px] text-[var(--text-secondary)] truncate w-full text-left hover:text-[var(--text)] transition-colors mt-0.5"
            title={sig.market.title}
          >