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

react/features/deep-linking/components/NoMobileApp.web.tsx

@@ -0,0 +1,77 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { createDeepLinkingPageEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IReduxState } from '../../app/types';
+import { IDeeplinkingConfig } from '../../base/config/configType';
+
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link NoMobileApp}.
+ */
+interface IProps {
+
+    /**
+     * The deeplinking config.
+     */
+    _deeplinkingCfg: IDeeplinkingConfig;
+}
+
+/**
+ * React component representing no mobile app page.
+ *
+ * @class NoMobileApp
+ */
+class NoMobileApp extends Component<IProps> {
+    /**
+     * Implements the Component's componentDidMount method.
+     *
+     * @inheritdoc
+     */
+    override componentDidMount() {
+        sendAnalytics(
+            createDeepLinkingPageEvent(
+                'displayed', 'noMobileApp', { isMobileBrowser: true }));
+    }
+
+    /**
+     * Renders the component.
+     *
+     * @returns {ReactElement}
+     */
+    override render() {
+        const ns = 'no-mobile-app';
+        const { desktop } = this.props._deeplinkingCfg;
+        const { appName } = desktop ?? {};
+
+        return (
+            <div className = { ns }>
+                <h2 className = { `${ns}__title` }>
+                    Video chat isn't available on mobile.
+                </h2>
+                <p className = { `${ns}__description` }>
+                    Please use { appName } on desktop to
+                    join calls.
+                </p>
+            </div>
+        );
+    }
+}
+
+/**
+ * Maps (parts of) the Redux state to the associated props for the
+ * {@code NoMobileApp} component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {IProps}
+ */
+function _mapStateToProps(state: IReduxState) {
+    return {
+        _deeplinkingCfg: state['features/base/config'].deeplinking || {}
+    };
+}
+
+export default connect(_mapStateToProps)(NoMobileApp);