Order page router - Indian Market Trading Platform

Source: src/components/order/index/orderPage.tsx

Purpose

Single entry point for per-index trading UI on the admin dashboard. Selects the correct segment page based on index setting configuration.

Segment routing

const segment = initialSetting?.activeSegment || 'options';

switch (segment) {
  case 'cash':
    return <CashOrderPage {...props} />;
  case 'futures':
    return <FutureOrderPage {...props} />;
  case 'options':
  default:
    return <OptionOrderPage {...props} />;
}

activeSegment comes from IndexSetting.activeSegment ("cash" | "futures" | "options").

Props passed to segment pages

Prop	Type	Purpose
`indexName`	string	Index key (e.g. `nifty`)
`financialData`	FinancialItem[]	Positions for P&L context
`initialSetting`	IndexSetting	Full index config
`orderPageBackgroundColor`	string	Tab theme
`orderPageTextColor`	string	Tab theme
`handleTabChange`	function	Switch dashboard tabs
`onSettingUpdate`	function	Callback when settings change locally

tradingModes on the index setting enables/disables segments in the form; activeSegment determines which page renders on the dashboard.