Part of
#89946 — OptionRowLHN compound component decomposition
Step
2 of 12 — depends on #89947 (Provider + context interface).
What
Extract OptionRow.Container into src/components/LHNOptionsList/Container.tsx.
- Owns the layout skeleton:
sidebarInnerRowStyle, contentContainerStyles, flex wiring
- Reads
viewMode (compact vs default) from RowContext to derive styles
- Renders
children; no render-prop
- Wraps
OptionRowPressable and exposes the hover state via context (updates RowContext.state.hovered)
Why
Centralises layout concern and removes style derivation from the main component body.
Acceptance criteria
OptionRow.Container renders children and exposes hover state in context
sidebarInnerRowStyle / contentContainerStyles logic lives only in Container.tsx
- No visible behavior or style changes
Issue Owner
Current Issue Owner: @DylanDylann
Part of
#89946 — OptionRowLHN compound component decomposition
Step
2 of 12 — depends on #89947 (Provider + context interface).
What
Extract
OptionRow.Containerintosrc/components/LHNOptionsList/Container.tsx.sidebarInnerRowStyle,contentContainerStyles, flex wiringviewMode(compact vs default) fromRowContextto derive styleschildren; no render-propOptionRowPressableand exposes the hover state via context (updatesRowContext.state.hovered)Why
Centralises layout concern and removes style derivation from the main component body.
Acceptance criteria
OptionRow.Containerrenders children and exposes hover state in contextsidebarInnerRowStyle/contentContainerStyleslogic lives only inContainer.tsxIssue Owner
Current Issue Owner: @DylanDylann