Add presenting text

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

src/components/views/voip/CallView.tsx

@@ -708,12 +708,28 @@ export default class CallView extends React.Component<IProps, IState> {
                 mx_CallView_video: true,
             });
 
+            let presenting;
+            if (this.state.primaryFeed?.purpose === SDPStreamMetadataPurpose.Screenshare) {
+                const presentingClasses = classNames({
+                    mx_CallView_presenting: true,
+                    mx_CallView_presenting_hidden: !this.state.controlsVisible,
+                });
+                const sharerName = this.state.primaryFeed.getMember().name;
+
+                presenting = (
+                    <div className={presentingClasses}>
+                        { _t('%(sharerName)s is presenting', {sharerName}) }
+                    </div>
+                );
+            }
+
             contentView = (
                 <div
                     className={containerClasses}
                     ref={this.contentRef}
                     onMouseMove={this.onMouseMove}
                 >
+                    { presenting }
                     { sidebar }
                     <VideoFeed
                         feed={this.state.primaryFeed}

src/i18n/strings/en_EN.json

@@ -894,6 +894,7 @@
     "You held the call <a>Resume</a>": "You held the call <a>Resume</a>",
     "%(peerName)s held the call": "%(peerName)s held the call",
     "Connecting": "Connecting",
+    "%(sharerName)s is presenting": "%(sharerName)s is presenting",
     "Video Call": "Video Call",
     "Voice Call": "Voice Call",
     "Fill Screen": "Fill Screen",