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

react/features/participants-pane/components/web/LobbyParticipantItems.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import { IParticipant } from '../../../base/participants/types';
+
+import { LobbyParticipantItem } from './LobbyParticipantItem';
+
+interface IProps {
+
+    /**
+     * Opens a drawer with actions for a knocking participant.
+     */
+    openDrawerForParticipant: Function;
+
+    /**
+     * If a drawer with actions should be displayed.
+     */
+    overflowDrawer: boolean;
+
+    /**
+     * List with the knocking participants.
+     */
+    participants: IParticipant[];
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        container: {
+            margin: `${theme.spacing(3)} 0`
+        }
+    };
+});
+
+/**
+ * Component used to display a list of knocking participants.
+ *
+ * @param {Object} props - The props of the component.
+ * @returns {ReactNode}
+ */
+function LobbyParticipantItems({ openDrawerForParticipant, overflowDrawer, participants }: IProps) {
+    const { classes } = useStyles();
+
+    return (
+        <div
+            className = { classes.container }
+            id = 'lobby-list'>
+            {participants.map(p => (
+                <LobbyParticipantItem
+                    key = { p.id }
+                    openDrawerForParticipant = { openDrawerForParticipant }
+                    overflowDrawer = { overflowDrawer }
+                    participant = { p } />)
+            )}
+        </div>
+    );
+}
+
+// Memoize the component in order to avoid rerender on drawer open/close.
+export default React.memo<IProps>(LobbyParticipantItems);