Fix the human-readable text

This commit is contained in:
Lyubo Marinov 2017-02-27 22:31:55 -06:00
parent 0ed85b9d25
commit 72c267fbf3
4 changed files with 16 additions and 15 deletions

View File

@ -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>
); );

View File

@ -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&nbsp; the&nbsp;
<a <a

View File

@ -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&nbsp; Please try again with the latest version of&nbsp;
<a <a
className = { `${NS}__link` } className = { `${_NS}__link` }
href = { CHROME } >Chrome</a>,&nbsp; href = { CHROME } >Chrome</a>,&nbsp;
<a <a
className = { `${NS}__link` } className = { `${_NS}__link` }
href = { FIREFOX }>Firefox</a> or&nbsp; href = { FIREFOX }>Firefox</a> or&nbsp;
{ {
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

View File

@ -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 }>