Merge pull request #2494 from robintown/spotlight-fix

Quick and dirty fix to spotlight reactivity
element-hq · Jul 22, 2024 · 35e2d2c · 35e2d2c
2 parents 58f274e + ea2d981
commit 35e2d2c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/grid/SpotlightExpandedLayout.tsx b/src/grid/SpotlightExpandedLayout.tsx
@@ -40,7 +40,7 @@ export const makeSpotlightExpandedLayout: CallLayout<
 
     const [generation] = useReactiveState<number>(
       (prev) => (prev === undefined ? 0 : prev + 1),
-      [width, height],
+      [width, height, model.spotlight],
     );
 
     const spotlightTileModel: SpotlightTileModel = useMemo(

diff --git a/src/grid/SpotlightLandscapeLayout.tsx b/src/grid/SpotlightLandscapeLayout.tsx
@@ -48,7 +48,7 @@ export const makeSpotlightLandscapeLayout: CallLayout<
     );
     const [generation] = useReactiveState<number>(
       (prev) => (prev === undefined ? 0 : prev + 1),
-      [model.grid.length, width, height],
+      [model.grid.length, width, height, model.spotlight],
     );
 
     return (

diff --git a/src/grid/SpotlightPortraitLayout.tsx b/src/grid/SpotlightPortraitLayout.tsx
@@ -59,7 +59,7 @@ export const makeSpotlightPortraitLayout: CallLayout<
     );
     const [generation] = useReactiveState<number>(
       (prev) => (prev === undefined ? 0 : prev + 1),
-      [model.grid.length, width, height],
+      [model.grid.length, width, height, model.spotlight],
     );
 
     return (