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

react/features/conference/components/web/SpeakerStatsLabel.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import { openDialog } from '../../../base/dialog/actions';
+import { IconUsers } from '../../../base/icons/svg';
+import Label from '../../../base/label/components/web/Label';
+import { COLORS } from '../../../base/label/constants';
+import { getParticipantCountForDisplay } from '../../../base/participants/functions';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
+import SpeakerStats from '../../../speaker-stats/components/web/SpeakerStats';
+import { isSpeakerStatsDisabled } from '../../../speaker-stats/functions';
+
+/**
+ * ParticipantsCount react component.
+ * Displays the number of participants and opens Speaker stats on click.
+ *
+ * @class ParticipantsCount
+ */
+function SpeakerStatsLabel() {
+    const conference = useSelector((state: IReduxState) => state['features/base/conference'].conference);
+    const count = useSelector(getParticipantCountForDisplay);
+    const _isSpeakerStatsDisabled = useSelector(isSpeakerStatsDisabled);
+    const dispatch = useDispatch();
+    const { t } = useTranslation();
+
+    const onClick = () => {
+        dispatch(openDialog('SpeakerStats', SpeakerStats, { conference }));
+    };
+
+    if (count <= 2 || _isSpeakerStatsDisabled) {
+        return null;
+    }
+
+    return (
+        <Tooltip
+            content = { t('speakerStats.labelTooltip', { count }) }
+            position = { 'bottom' }>
+            <Label
+                color = { COLORS.white }
+                icon = { IconUsers }
+                iconColor = '#fff'
+                // eslint-disable-next-line react/jsx-no-bind
+                onClick = { onClick }
+                text = { `${count}` } />
+        </Tooltip>
+    );
+}
+
+export default SpeakerStatsLabel;