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

react/features/participants-pane/components/native/ParticipantsPane.tsx

@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import { FlatList } from 'react-native';
+import { useSelector } from 'react-redux';
+
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { isLocalParticipantModerator } from '../../../base/participants/functions';
+
+import LobbyParticipantList from './LobbyParticipantList';
+import MeetingParticipantList from './MeetingParticipantList';
+import ParticipantsPaneFooter from './ParticipantsPaneFooter';
+import VisitorsList from './VisitorsList';
+import styles from './styles';
+
+
+const ParticipantsPane = () => {
+    const isLocalModerator = useSelector(isLocalParticipantModerator);
+    const keyExtractor
+        = useCallback((e: undefined, i: number) => i.toString(), []);
+    const renderListHeaderComponent = () => (
+        <>
+            <VisitorsList />
+            <LobbyParticipantList />
+            <MeetingParticipantList />
+        </>
+    );
+
+    return (
+        <JitsiScreen
+            footerComponent = { isLocalModerator ? ParticipantsPaneFooter : undefined }
+            style = { styles.participantsPaneContainer }>
+
+            { /* Fixes warning regarding nested lists */ }
+            <FlatList
+
+                // eslint-disable-next-line react/jsx-no-bind
+                ListHeaderComponent = { renderListHeaderComponent }
+                data = { [] as ReadonlyArray<undefined> }
+                keyExtractor = { keyExtractor }
+                renderItem = { null }
+                windowSize = { 2 } />
+        </JitsiScreen>
+    );
+};
+
+export default ParticipantsPane;