Interface MarketsPanelProps

src/components/MarketsPanel.tsx:17–40

import { localizeMarket } from "@/hooks/useLocalizedMarket";

interface MarketsPanelProps {
  mapped: ProcessedMarket[];
  unmapped: ProcessedMarket[];
  activeCategories: Set<Category>;
  onFlyTo: (coords: [number, number], marketId: string) => void;
  onSelectMarket: (m: ProcessedMarket) => void;
  loading?: boolean;
  externalSearch?: string;
  isWatched?: (id: string) => boolean;
  onToggleWatch?: (id: string) => void;
  colSpan?: number;
  onColSpanChange?: (span: number) => void;
  onColSpanReset?: () => void;
  rowSpan?: number;
  onRowSpanChange?: (span: number) => void;
  onRowSpanReset?: () => void;
  maxColSpan?: number;
  selectedMarketId?: string | null;
  onTrade?: (state: import("./TradeModal").TradeModalState) => void;
  dragRootRef?: React.Ref<HTMLDivElement>;
  dragHandleProps?: PanelDragHandleProps;
  dragStyle?: React.CSSProperties;
  dragClassName?: string;
}

function assignRef<T>(ref: React.Ref<T> | undefined, value: T | null) {
  if (!ref) return;