|
|
|
@ -8,11 +8,12 @@ import { CHROME, FIREFOX, IE, SAFARI } from './browserLinks'; |
|
|
|
|
import HideNotificationBarStyle from './HideNotificationBarStyle'; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
* Describes styles namespace for this component. |
|
|
|
|
* The CSS style namespace of UnsupportedDesktopBrowser. |
|
|
|
|
* |
|
|
|
|
* @private |
|
|
|
|
* @type {string} |
|
|
|
|
*/ |
|
|
|
|
const NS = 'unsupported-desktop-browser'; |
|
|
|
|
const _NS = 'unsupported-desktop-browser'; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
* React component representing unsupported browser page. |
|
|
|
@ -27,17 +28,17 @@ export default class UnsupportedDesktopBrowser extends Component { |
|
|
|
|
*/ |
|
|
|
|
render() { |
|
|
|
|
return ( |
|
|
|
|
<div className = { NS }> |
|
|
|
|
<h2 className = { `${NS}__title` }> |
|
|
|
|
<div className = { _NS }> |
|
|
|
|
<h2 className = { `${_NS}__title` }> |
|
|
|
|
It looks like you're using a browser we don't support. |
|
|
|
|
</h2> |
|
|
|
|
<p className = { `${NS}__description` }> |
|
|
|
|
<p className = { `${_NS}__description` }> |
|
|
|
|
Please try again with the latest version of |
|
|
|
|
<a |
|
|
|
|
className = { `${NS}__link` } |
|
|
|
|
className = { `${_NS}__link` } |
|
|
|
|
href = { CHROME } >Chrome</a>, |
|
|
|
|
<a |
|
|
|
|
className = { `${NS}__link` } |
|
|
|
|
className = { `${_NS}__link` } |
|
|
|
|
href = { FIREFOX }>Firefox</a> or |
|
|
|
|
{ |
|
|
|
|
this._renderOSSpecificBrowserDownloadLink() |
|
|
|
@ -73,7 +74,7 @@ export default class UnsupportedDesktopBrowser extends Component { |
|
|
|
|
if (typeof link !== 'undefined') { |
|
|
|
|
return ( |
|
|
|
|
<a |
|
|
|
|
className = { `${NS}__link` } |
|
|
|
|
className = { `${_NS}__link` } |
|
|
|
|
href = { link }> |
|
|
|
|
{ |
|
|
|
|
text |
|
|
|
|