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

2026-09-15 15:56:32 +05:00
commit 1d2bfcac0c
3159 changed files with 464524 additions and 0 deletions
--- a/react/features/conference/components/native/AlwaysOnLabels.tsx
+++ b/react/features/conference/components/native/AlwaysOnLabels.tsx
@@ -0,0 +1,84 @@
+import React, { useCallback } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import TranslationLabel from '../../../audio-translation/components/native/TranslationLabel';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { openHighlightDialog } from '../../../recording/actions.native';
+import HighlightButton from '../../../recording/components/Recording/native/HighlightButton';
+import RecordingLabel from '../../../recording/components/native/RecordingLabel';
+import TranscribingLabel from '../../../recording/components/native/TranscribingLabel';
+import { isLiveStreamingRunning } from '../../../recording/functions';
+import VisitorsCountLabel from '../../../visitors/components/native/VisitorsCountLabel';
+
+import RaisedHandsCountLabel from './RaisedHandsCountLabel';
+import TimeTimerLabel from './TimeTimerLabel';
+import {
+    LABEL_ID_AUDIO_TRANSLATION,
+    LABEL_ID_RAISED_HANDS_COUNT,
+    LABEL_ID_RECORDING,
+    LABEL_ID_STREAMING,
+    LABEL_ID_TRANSCRIBING,
+    LABEL_ID_VISITORS_COUNT,
+    LabelHitSlop
+} from './constants';
+
+interface IProps {
+
+    /**
+     * Creates a function to be invoked when the onPress of the touchables are
+     * triggered.
+     */
+    createOnPress: Function;
+}
+
+const AlwaysOnLabels = ({ createOnPress }: IProps) => {
+    const dispatch = useDispatch();
+    const isStreaming = useSelector(isLiveStreamingRunning);
+    const openHighlightDialogCallback = useCallback(() =>
+        dispatch(openHighlightDialog()), [ dispatch ]);
+
+    return (<>
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_RECORDING) } >
+            <RecordingLabel mode = { JitsiRecordingConstants.mode.FILE } />
+        </TouchableOpacity>
+        {
+            isStreaming
+            && <TouchableOpacity
+                hitSlop = { LabelHitSlop }
+                onPress = { createOnPress(LABEL_ID_STREAMING) } >
+                <RecordingLabel mode = { JitsiRecordingConstants.mode.STREAM } />
+            </TouchableOpacity>
+        }
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_TRANSCRIBING) } >
+            <TranscribingLabel />
+        </TouchableOpacity>
+        <TimeTimerLabel />
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { openHighlightDialogCallback }>
+            <HighlightButton />
+        </TouchableOpacity>
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_RAISED_HANDS_COUNT) } >
+            <RaisedHandsCountLabel />
+        </TouchableOpacity>
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_AUDIO_TRANSLATION) } >
+            <TranslationLabel />
+        </TouchableOpacity>
+        <TouchableOpacity
+            hitSlop = { LabelHitSlop }
+            onPress = { createOnPress(LABEL_ID_VISITORS_COUNT) } >
+            <VisitorsCountLabel />
+        </TouchableOpacity>
+    </>);
+};
+
+export default AlwaysOnLabels;