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/screen-share/components/web/ShareScreenWarningDialog.tsx
+++ b/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx
@@ -0,0 +1,95 @@
+import React, { Component } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+
+import { IStore } from '../../../app/types';
+import { translate } from '../../../base/i18n/functions';
+import { toggleScreensharing } from '../../../base/tracks/actions';
+import Dialog from '../../../base/ui/components/web/Dialog';
+
+export interface IProps extends WithTranslation {
+
+    /**
+     * Whether or not the dialog was opened for the audio screen sharing flow or the normal one.
+     */
+    _isAudioScreenShareWarning: Boolean;
+
+    /**
+     * The redux {@code dispatch} function.
+     */
+    dispatch: IStore['dispatch'];
+}
+
+/**
+ *  Component that displays the share audio helper dialog.
+ */
+class ShareScreenWarningDialog extends Component<IProps> {
+
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: IProps) {
+        super(props);
+
+        this._onStopSharing = this._onStopSharing.bind(this);
+    }
+
+    /**
+     * Stop current screen sharing session.
+     *
+     * @returns {boolean}
+     */
+    _onStopSharing() {
+        // Depending on the context from which this dialog is opened we'll either be toggling off an audio only
+        // share session or a normal screen sharing one, this is indicated by the _isAudioScreenShareWarning prop.
+        this.props.dispatch(toggleScreensharing(undefined,
+            !this.props._isAudioScreenShareWarning));
+
+        return true;
+    }
+
+    /**
+     * Implements {@Component#render}.
+     *§.
+     *
+     * @inheritdoc
+     */
+    override render() {
+        const { t } = this.props;
+
+        let description1, description2, header1, header2, stopSharing, title;
+
+        if (this.props._isAudioScreenShareWarning) {
+            header1 = 'dialog.shareAudioWarningH1';
+            header2 = 'dialog.shareMediaWarningGenericH2';
+            description1 = 'dialog.shareAudioWarningD1';
+            description2 = 'dialog.shareAudioWarningD2';
+            title = 'dialog.shareAudioWarningTitle';
+            stopSharing = 'toolbar.stopScreenSharing';
+        } else {
+            header1 = 'dialog.shareScreenWarningTitle';
+            header2 = 'dialog.shareMediaWarningGenericH2';
+            description1 = 'dialog.shareScreenWarningD1';
+            description2 = 'dialog.shareScreenWarningD2';
+            title = 'dialog.shareScreenWarningTitle';
+            stopSharing = 'toolbar.stopAudioSharing';
+        }
+
+        return (<Dialog
+            ok = {{ translationKey: stopSharing }}
+            onSubmit = { this._onStopSharing }
+            titleKey = { t(title) }>
+            <div className = 'share-screen-warn-dialog'>
+                <p className = 'header'> { t(header1) } </p>
+                <p className = 'description' > { t(description1) } </p>
+                <div className = 'separator-line' />
+                <p className = 'header' > { t(header2) } </p>
+                <p className = 'description' > { t(description2) } </p>
+            </div>
+        </Dialog>);
+    }
+}
+
+export default translate(connect()(ShareScreenWarningDialog));