Option order page - Indian Market Trading Platform

Source: src/components/order/index/OptionOrderPage.tsx Largest order page component — handles CALL/PUT columns, strike grid, order tables, and scheduled sells for the options segment.

Key responsibilities

Area	Behavior
Live data	Socket `${indexName}TickData` updates strike/base values
Order placement	`useZerodha()` for BUY/SELL, bulk sell
Order history	`optionOrderDataTable.tsx`
Scheduled sells	`ScheduleOrderDataTable.tsx`
Settings display	Reads `initialSetting.options` nested config
Sound alerts	Base difference notifications per setting flags

Socket events

socket.on(`${indexName}TickData`, handleIndexData);
socket.on('disconnect', onDisconnect);
socket.on('connect_error', onError);
// Heartbeat: socket.emit('ping')

Tick payload drives calculated strikes (putCall1, callPut1, baseValue, bid/ask).

Settings used

From IOptionsSettings / legacy flat fields:

callQuantity, putQuantity, durations, order limits
isCallRecurringBuy, isPutRecurringBuy, isRecurringSell
optionChainByExpiry for tradingsymbol resolution
strikeMatchValueCallDifference, strikeMatchValuePutDifference

Child components

optionOrderDataTable.tsx — paginated orders via getOrderData
ScheduleOrderDataTable.tsx — trailing sells
ColumnControl.tsx — show/hide table columns