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

/* @flow */

import React, { Component } from 'react';

import { CHROME, FIREFOX, IE, SAFARI } from './browserLinks';

/**
 * React component representing unsupported browser page.
 *
 * @class UnsupportedDesktopBrowser
 */
export default class UnsupportedDesktopBrowser extends Component {
    /**
     * Renders the component.
     *
     * @returns {ReactElement}
     */
    render() {
        const ns = 'unsupported-desktop-browser';
        const nsLink = `${ns}__link`;

        return (
            <div className = { ns }>
                <h2 className = { `${ns}__title` }>
                    It looks like you're using a browser we don't support.
                </h2>
                <p className = { `${ns}__description` }>
                    Please try again with the latest version of&nbsp;
                    <a
                        className = { nsLink }
                        href = { CHROME } >Chrome</a>,&nbsp;
                    <a
                        className = { nsLink }
                        href = { FIREFOX }>Firefox</a>,&nbsp;
                    <a
                        className = { nsLink }
                        href = { SAFARI }>Safari</a> or&nbsp;
                    <a
                        className = { nsLink }
                        href = { IE }>IE</a>.
                </p>
            </div>
        );
    }
}