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

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

@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Text, TextStyle, View, ViewStyle } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_MODES, BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { admitMultiple } from '../../../lobby/actions.native';
+import { getKnockingParticipants, getLobbyEnabled } from '../../../lobby/functions';
+
+import { LobbyParticipantItem } from './LobbyParticipantItem';
+import styles from './styles';
+
+const LobbyParticipantList = () => {
+    const dispatch = useDispatch();
+    const lobbyEnabled = useSelector(getLobbyEnabled);
+    const participants = useSelector(getKnockingParticipants);
+    const admitAll = useCallback(() =>
+        dispatch(admitMultiple(participants)),
+        [ dispatch, participants ]);
+    const { t } = useTranslation();
+    const title = t('participantsPane.headings.waitingLobby',
+        { count: participants.length });
+
+    if (!lobbyEnabled || !participants.length) {
+        return null;
+    }
+
+    return (
+        <View style = { styles.meetingListContainer }>
+            <View style = { styles.listDetails as ViewStyle } >
+                <Text style = { styles.lobbyListDescription as TextStyle }>
+                    { title }
+                </Text>
+                {
+                    participants.length > 1 && (
+                        <Button
+                            accessibilityLabel = 'participantsPane.actions.admitAll'
+                            labelKey = 'participantsPane.actions.admitAll'
+                            mode = { BUTTON_MODES.TEXT }
+                            onClick = { admitAll }
+                            type = { BUTTON_TYPES.PRIMARY } />
+                    )
+                }
+            </View>
+            {
+                participants.map(p => (
+                    <LobbyParticipantItem
+                        key = { p.id }
+                        participant = { p } />)
+                )
+            }
+        </View>
+    );
+};
+
+export default LobbyParticipantList;