fix(jaas) do not show overriden unsupported browser page for jaas users (#9962)

react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.js

@@ -0,0 +1,73 @@
+/* @flow */
+
+import React, { Component } from 'react';
+
+import { isBrowsersOptimal } from '../../base/environment';
+import { translate } from '../../base/i18n';
+
+import { CHROME, FIREFOX } from './browserLinks';
+
+/**
+ * The namespace of the CSS styles of UnsupportedDesktopBrowser.
+ *
+ * @private
+ * @type {string}
+ */
+const _SNS = 'unsupported-desktop-browser';
+
+/**
+ * The type of the React {@code Component} props of
+ * {@link JaasUnsupportedDesktopBrowser}.
+ */
+type Props = {
+
+    /**
+     * The function to translate human-readable text.
+     */
+    t: Function
+};
+
+/**
+ * React component representing unsupported browser page.
+ *
+ * @class UnsupportedDesktopBrowser
+ */
+class JaasUnsupportedDesktopBrowser extends Component<Props> {
+    /**
+     * Renders the component.
+     *
+     * @returns {ReactElement}
+     */
+    render() {
+        return (
+            <div className = { _SNS }>
+                <h2 className = { `${_SNS}__title` }>
+                    It looks like you're using a browser we don't support.
+                </h2>
+                <p className = { `${_SNS}__description` }>
+                    Please try again with the latest version of&nbsp;
+                    <a
+                        className = { `${_SNS}__link` }
+                        href = { CHROME } >Chrome</a>&nbsp;
+                    {
+                        this._showFirefox() && <>or <a
+                            className = { `${_SNS}__link` }
+                            href = { FIREFOX }>Firefox</a></>
+                    }
+                </p>
+            </div>
+        );
+    }
+
+    /**
+     * Returns whether or not a link to download Firefox is displayed.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _showFirefox() {
+        return isBrowsersOptimal('firefox');
+    }
+}
+
+export default translate(JaasUnsupportedDesktopBrowser);

react/features/unsupported-browser/components/JaasUnsupportedDesktopBrowser.js

@@ -0,0 +1 @@
+export { default } from './DefaultUnsupportedDesktopBrowser';

react/features/unsupported-browser/components/PageSelector.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+
+import { isVpaasMeeting } from '../../jaas/functions';
+
+import JaasUnsupportedDesktopBrowser from './JaasUnsupportedDesktopBrowser';
+import UnsupportedDesktopBrowser from './UnsupportedDesktopBrowser';
+
+const PageSelector = () => {
+    const isJaas = useSelector(isVpaasMeeting);
+
+    if (isJaas) {
+        return <JaasUnsupportedDesktopBrowser />;
+    }
+
+    return <UnsupportedDesktopBrowser />;
+};
+
+export default PageSelector;

react/features/unsupported-browser/components/UnsupportedDesktopBrowser.js

@@ -1,73 +1 @@
-/* @flow */
+export { default } from './DefaultUnsupportedDesktopBrowser';
-
-import React, { Component } from 'react';
-
-import { isBrowsersOptimal } from '../../base/environment';
-import { translate } from '../../base/i18n';
-
-import { CHROME, FIREFOX } from './browserLinks';
-
-/**
- * The namespace of the CSS styles of UnsupportedDesktopBrowser.
- *
- * @private
- * @type {string}
- */
-const _SNS = 'unsupported-desktop-browser';
-
-/**
- * The type of the React {@code Component} props of
- * {@link UnsupportedDesktopBrowser}.
- */
-type Props = {
-
-    /**
-     * The function to translate human-readable text.
-     */
-    t: Function
-};
-
-/**
- * React component representing unsupported browser page.
- *
- * @class UnsupportedDesktopBrowser
- */
-class UnsupportedDesktopBrowser extends Component<Props> {
-    /**
-     * Renders the component.
-     *
-     * @returns {ReactElement}
-     */
-    render() {
-        return (
-            <div className = { _SNS }>
-                <h2 className = { `${_SNS}__title` }>
-                    It looks like you're using a browser we don't support.
-                </h2>
-                <p className = { `${_SNS}__description` }>
-                    Please try again with the latest version of&nbsp;
-                    <a
-                        className = { `${_SNS}__link` }
-                        href = { CHROME } >Chrome</a>&nbsp;
-                    {
-                        this._showFirefox() && <>or <a
-                            className = { `${_SNS}__link` }
-                            href = { FIREFOX }>Firefox</a></>
-                    }
-                </p>
-            </div>
-        );
-    }
-
-    /**
-     * Returns whether or not a link to download Firefox is displayed.
-     *
-     * @private
-     * @returns {boolean}
-     */
-    _showFirefox() {
-        return isBrowsersOptimal('firefox');
-    }
-}
-
-export default translate(UnsupportedDesktopBrowser);

react/features/unsupported-browser/components/index.js

@@ -1,2 +1 @@
-export { default as UnsupportedDesktopBrowser }
+export { default as UnsupportedDesktopBrowser } from './PageSelector';
-    from './UnsupportedDesktopBrowser';