|
@@ -8,11 +8,12 @@ import { CHROME, FIREFOX, IE, SAFARI } from './browserLinks';
|
8
|
8
|
import HideNotificationBarStyle from './HideNotificationBarStyle';
|
9
|
9
|
|
10
|
10
|
/**
|
11
|
|
- * Describes styles namespace for this component.
|
|
11
|
+ * The CSS style namespace of UnsupportedDesktopBrowser.
|
12
|
12
|
*
|
|
13
|
+ * @private
|
13
|
14
|
* @type {string}
|
14
|
15
|
*/
|
15
|
|
-const NS = 'unsupported-desktop-browser';
|
|
16
|
+const _NS = 'unsupported-desktop-browser';
|
16
|
17
|
|
17
|
18
|
/**
|
18
|
19
|
* React component representing unsupported browser page.
|
|
@@ -27,17 +28,17 @@ export default class UnsupportedDesktopBrowser extends Component {
|
27
|
28
|
*/
|
28
|
29
|
render() {
|
29
|
30
|
return (
|
30
|
|
- <div className = { NS }>
|
31
|
|
- <h2 className = { `${NS}__title` }>
|
|
31
|
+ <div className = { _NS }>
|
|
32
|
+ <h2 className = { `${_NS}__title` }>
|
32
|
33
|
It looks like you're using a browser we don't support.
|
33
|
34
|
</h2>
|
34
|
|
- <p className = { `${NS}__description` }>
|
|
35
|
+ <p className = { `${_NS}__description` }>
|
35
|
36
|
Please try again with the latest version of
|
36
|
37
|
<a
|
37
|
|
- className = { `${NS}__link` }
|
|
38
|
+ className = { `${_NS}__link` }
|
38
|
39
|
href = { CHROME } >Chrome</a>,
|
39
|
40
|
<a
|
40
|
|
- className = { `${NS}__link` }
|
|
41
|
+ className = { `${_NS}__link` }
|
41
|
42
|
href = { FIREFOX }>Firefox</a> or
|
42
|
43
|
{
|
43
|
44
|
this._renderOSSpecificBrowserDownloadLink()
|
|
@@ -73,7 +74,7 @@ export default class UnsupportedDesktopBrowser extends Component {
|
73
|
74
|
if (typeof link !== 'undefined') {
|
74
|
75
|
return (
|
75
|
76
|
<a
|
76
|
|
- className = { `${NS}__link` }
|
|
77
|
+ className = { `${_NS}__link` }
|
77
|
78
|
href = { link }>
|
78
|
79
|
{
|
79
|
80
|
text
|