Fix the human-readable text
This commit is contained in:
parent
0ed85b9d25
commit
72c267fbf3
|
@ -12,7 +12,6 @@ declare var interfaceConfig: Object;
|
||||||
* @class NoMobileApp
|
* @class NoMobileApp
|
||||||
*/
|
*/
|
||||||
export default class NoMobileApp extends Component {
|
export default class NoMobileApp extends Component {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders the component.
|
* Renders the component.
|
||||||
*
|
*
|
||||||
|
@ -24,12 +23,13 @@ export default class NoMobileApp extends Component {
|
||||||
return (
|
return (
|
||||||
<div className = { ns }>
|
<div className = { ns }>
|
||||||
<h2 className = { `${ns}__title` }>
|
<h2 className = { `${ns}__title` }>
|
||||||
Video chat isn't available on mobile
|
Video chat isn't available on mobile.
|
||||||
</h2>
|
</h2>
|
||||||
<p className = { `${ns}__description` }>
|
<p className = { `${ns}__description` }>
|
||||||
Please use {interfaceConfig.APP_NAME} on
|
Please use { interfaceConfig.APP_NAME } on desktop to join
|
||||||
Desktop to join calls.
|
calls.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<HideNotificationBarStyle />
|
<HideNotificationBarStyle />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -26,8 +26,8 @@ export default class PluginRequiredBrowser extends Component {
|
||||||
Your browser requires a plugin for this conversation.
|
Your browser requires a plugin for this conversation.
|
||||||
</h2>
|
</h2>
|
||||||
<p className = { `${ns}__description_small` }>
|
<p className = { `${ns}__description_small` }>
|
||||||
Once you install the plugin, it will be possible for you
|
Once you install the plugin, it will be possible for you to
|
||||||
to have your conversation here. For best experience,
|
have your conversation here. For the best experience,
|
||||||
however, we strongly recommend that you do that using
|
however, we strongly recommend that you do that using
|
||||||
the
|
the
|
||||||
<a
|
<a
|
||||||
|
|
|
@ -8,11 +8,12 @@ import { CHROME, FIREFOX, IE, SAFARI } from './browserLinks';
|
||||||
import HideNotificationBarStyle from './HideNotificationBarStyle';
|
import HideNotificationBarStyle from './HideNotificationBarStyle';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Describes styles namespace for this component.
|
* The CSS style namespace of UnsupportedDesktopBrowser.
|
||||||
*
|
*
|
||||||
|
* @private
|
||||||
* @type {string}
|
* @type {string}
|
||||||
*/
|
*/
|
||||||
const NS = 'unsupported-desktop-browser';
|
const _NS = 'unsupported-desktop-browser';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* React component representing unsupported browser page.
|
* React component representing unsupported browser page.
|
||||||
|
@ -27,17 +28,17 @@ export default class UnsupportedDesktopBrowser extends Component {
|
||||||
*/
|
*/
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div className = { NS }>
|
<div className = { _NS }>
|
||||||
<h2 className = { `${NS}__title` }>
|
<h2 className = { `${_NS}__title` }>
|
||||||
It looks like you're using a browser we don't support.
|
It looks like you're using a browser we don't support.
|
||||||
</h2>
|
</h2>
|
||||||
<p className = { `${NS}__description` }>
|
<p className = { `${_NS}__description` }>
|
||||||
Please try again with the latest version of
|
Please try again with the latest version of
|
||||||
<a
|
<a
|
||||||
className = { `${NS}__link` }
|
className = { `${_NS}__link` }
|
||||||
href = { CHROME } >Chrome</a>,
|
href = { CHROME } >Chrome</a>,
|
||||||
<a
|
<a
|
||||||
className = { `${NS}__link` }
|
className = { `${_NS}__link` }
|
||||||
href = { FIREFOX }>Firefox</a> or
|
href = { FIREFOX }>Firefox</a> or
|
||||||
{
|
{
|
||||||
this._renderOSSpecificBrowserDownloadLink()
|
this._renderOSSpecificBrowserDownloadLink()
|
||||||
|
@ -73,7 +74,7 @@ export default class UnsupportedDesktopBrowser extends Component {
|
||||||
if (typeof link !== 'undefined') {
|
if (typeof link !== 'undefined') {
|
||||||
return (
|
return (
|
||||||
<a
|
<a
|
||||||
className = { `${NS}__link` }
|
className = { `${_NS}__link` }
|
||||||
href = { link }>
|
href = { link }>
|
||||||
{
|
{
|
||||||
text
|
text
|
||||||
|
|
|
@ -83,7 +83,7 @@ class UnsupportedMobileBrowser extends Component {
|
||||||
src = 'images/logo-blue.svg' />
|
src = 'images/logo-blue.svg' />
|
||||||
<p className = { `${ns}__text` }>
|
<p className = { `${ns}__text` }>
|
||||||
You need <strong>Jitsi Meet</strong> to join a
|
You need <strong>Jitsi Meet</strong> to join a
|
||||||
conversation on your mobile
|
conversation on mobile
|
||||||
</p>
|
</p>
|
||||||
<a href = { _URLS[Platform.OS] }>
|
<a href = { _URLS[Platform.OS] }>
|
||||||
<button className = { downloadButtonClassName }>
|
<button className = { downloadButtonClassName }>
|
||||||
|
|
Loading…
Reference in New Issue