From fe724783ff279c0b455bd49e6e7d380b540686de Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Tue, 21 Dec 2021 14:24:47 -0800
Subject: [PATCH] Setup for spotlight layout refactor

---
 src/Room.jsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/Room.jsx b/src/Room.jsx
index ccd064b..05fe5d6 100644
--- a/src/Room.jsx
+++ b/src/Room.jsx
@@ -396,12 +396,12 @@ function InRoomView({
   const [layout, setLayout] = useVideoGridLayout();
 
   const items = useMemo(() => {
-    const participants = [];
+    const items = [];
 
     for (const callFeed of userMediaFeeds) {
-      participants.push({
+      items.push({
         id: callFeed.stream.id,
-        usermediaCallFeed: callFeed,
+        callFeed,
         isActiveSpeaker:
           screenshareFeeds.length === 0
             ? callFeed.userId === activeSpeaker
@@ -410,16 +410,14 @@ function InRoomView({
     }
 
     for (const callFeed of screenshareFeeds) {
-      const participant = participants.find(
-        (p) => p.usermediaCallFeed.userId === callFeed.userId
-      );
-
-      if (participant) {
-        participant.screenshareCallFeed = callFeed;
-      }
+      items.push({
+        id: callFeed.stream.id,
+        callFeed,
+        isActiveSpeaker: true,
+      });
     }
 
-    return participants;
+    return items;
   }, [userMediaFeeds, activeSpeaker, screenshareFeeds]);
 
   const onFocusTile = useCallback(