snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/filmstrip/middleware.native.ts

@@ -0,0 +1,37 @@
+import { PARTICIPANT_JOINED, PARTICIPANT_LEFT } from '../base/participants/actionTypes';
+import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
+import { CLIENT_RESIZED, SAFE_AREA_INSETS_CHANGED, SET_ASPECT_RATIO } from '../base/responsive-ui/actionTypes';
+
+import { setTileViewDimensions } from './actions.native';
+import { updateRemoteParticipants, updateRemoteParticipantsOnLeave } from './functions.native';
+import './subscriber.native';
+
+/**
+ * The middleware of the feature Filmstrip.
+ */
+MiddlewareRegistry.register(store => next => action => {
+    if (action.type === PARTICIPANT_LEFT) {
+        // This have to be executed before we remove the participant from features/base/participants state in order to
+        // remove the related thumbnail component before we need to re-render it. If we do this after next()
+        // we will be in situation where the participant exists in the remoteParticipants array in features/filmstrip
+        // but doesn't exist in features/base/participants state which will lead to rendering a thumbnail for
+        // non-existing participant.
+        updateRemoteParticipantsOnLeave(store, action.participant?.id);
+    }
+
+    const result = next(action);
+
+    switch (action.type) {
+    case CLIENT_RESIZED:
+    case SAFE_AREA_INSETS_CHANGED:
+    case SET_ASPECT_RATIO:
+        store.dispatch(setTileViewDimensions());
+        break;
+    case PARTICIPANT_JOINED: {
+        updateRemoteParticipants(store, false, action.participant?.id);
+        break;
+    }
+    }
+
+    return result;
+});