reisolate the individual components that need passed values

This commit is contained in:
Gigiaj 2025-04-15 22:47:55 -05:00
parent cc88733204
commit 99e55b36c6

View file

@ -200,8 +200,6 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
{/* Pass actual powerLevels if required */}
<PowerLevelsContextProvider value={powerLevels}>
{/* Route/Space specific context providers MUST wrap both Space and Header */}
<RouteSpaceProvider>
<SpaceRouteRoomProvider>
{/* Main layout container inside providers: Flex Row */}
{/* Assuming Box handles flex layout */}
<Box direction="Row" grow="Yes" style={{ height: '100%', width: '100%' }}>
@ -215,6 +213,8 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
borderRight: '1px solid #ccc',
}}
>
<RouteSpaceProvider>
<SpaceRouteRoomProvider>
{' '}
{/* Example style */}
{/* PageRoot likely renders the nav prop */}
@ -226,6 +226,8 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
</MobileFriendlyPageNav>
}
/>
</SpaceRouteRoomProvider>
</RouteSpaceProvider>
</Box>
{/* --- Right Side (Header + Iframe) --- */}
{/* This Box takes remaining space and arranges header/iframe vertically */}
@ -239,7 +241,11 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
{' '}
{/* Header doesn't grow/shrink */}
{/* RoomViewHeader requires the providers above */}
<RouteSpaceProvider>
<SpaceRouteRoomProvider>
<RoomViewHeader />
</SpaceRouteRoomProvider>
</RouteSpaceProvider>
</Box>
{/* Iframe Area (takes remaining space) */}
@ -267,8 +273,6 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
{/* End Right Side Box */}
</Box>{' '}
{/* End Main Layout Box (Row) */}
</SpaceRouteRoomProvider>
</RouteSpaceProvider>
</PowerLevelsContextProvider>
</div> // End Outer Container Div
);