diff --git a/src/state/CallViewModel/CallViewModel.ts b/src/state/CallViewModel/CallViewModel.ts index 3a3e57d7..9532b497 100644 --- a/src/state/CallViewModel/CallViewModel.ts +++ b/src/state/CallViewModel/CallViewModel.ts @@ -1070,10 +1070,12 @@ export function createCallViewModel$( }), ); - const spotlightLandscapeLayoutMedia$: Observable = + const spotlightLandscapeLayoutMedia$ = ( + edgeToEdge: boolean, + ): Observable => combineLatest([grid$, spotlight$], (grid, spotlight) => ({ type: "spotlight-landscape", - edgeToEdge: false, + edgeToEdge, spotlight, grid, })); @@ -1208,7 +1210,7 @@ export function createCallViewModel$( switchMap((expanded) => expanded ? spotlightExpandedLayoutMedia$(false) - : spotlightLandscapeLayoutMedia$, + : spotlightLandscapeLayoutMedia$(false), ), ); } @@ -1234,7 +1236,7 @@ export function createCallViewModel$( case "grid": // Yes, grid mode actually gets you a "spotlight" layout in // this window mode. - return spotlightLandscapeLayoutMedia$; + return spotlightLandscapeLayoutMedia$(true); case "spotlight": return spotlightExpandedLayoutMedia$(true); } diff --git a/src/state/layout-types.ts b/src/state/layout-types.ts index 83a80e9a..2b0d459d 100644 --- a/src/state/layout-types.ts +++ b/src/state/layout-types.ts @@ -26,7 +26,7 @@ export interface GridLayoutMedia { export interface SpotlightLandscapeLayoutMedia { type: "spotlight-landscape"; - edgeToEdge: false; + edgeToEdge: boolean; spotlight: MediaViewModel[]; grid: UserMediaViewModel[]; }