Function ActivityRow

src/components/TraderPanel.tsx:209–239

({ activity: a }: { activity: TraderActivity })

}

function ActivityRow({ activity: a }: { activity: TraderActivity }) {
  const typeBadgeColors: Record<string, string> = {
    TRADE: "#3b82f6",
    REDEEM: "#22c55e",
    SPLIT: "#777",
    MERGE: "#777",
  };
  const badgeColor = typeBadgeColors[a.type] || "#777";

  return (
    <div className="smart-money-row px-2 py-1 flex items-center gap-1.5 tabular-nums">
      <span className="text-[var(--text-ghost)] w-[24px] shrink-0 text-right">{timeAgo(a.timestamp)}</span>
      <span
        className="text-[10px] px-1 rounded-sm shrink-0"
        style={{ color: badgeColor, border: `1px solid ${badgeColor}40` }}
      >
        {a.type}
      </span>
      <div className="flex-1 min-w-0 truncate text-[var(--text)]" title={a.title}>
        {a.title}
      </div>
      <span
        className="text-[10px] shrink-0"
        style={{ color: a.side === "BUY" ? "#22c55e" : "#ff4444" }}
      >
        {a.side}
      </span>
      <span className="text-[var(--text)] w-[48px] text-right shrink-0">{formatVolume(a.usdcSize)}</span>
    </div>
  );
}