Add config to hide logo-deep-linking on deeplinking page (#7346)
This adds the ability to configure hiding the logo on the deep linking page. HIDE_DEEP_LINKING_LOGO defaults to false in the config. The implementation also defaults to showing the logo if HIDE_DEEP_LINKING_LOGO is missing from the config.
This commit is contained in:
parent
02885ea716
commit
5b10d8f5ef
|
@ -101,6 +101,11 @@ var interfaceConfig = {
|
||||||
|
|
||||||
GENERATE_ROOMNAMES_ON_WELCOME_PAGE: true,
|
GENERATE_ROOMNAMES_ON_WELCOME_PAGE: true,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hide the logo on the deep linking pages.
|
||||||
|
*/
|
||||||
|
HIDE_DEEP_LINKING_LOGO: false,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Hide the invite prompt in the header when alone in the meeting.
|
* Hide the invite prompt in the header when alone in the meeting.
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -72,7 +72,7 @@ class DeepLinkingDesktopPage<P : Props> extends Component<P> {
|
||||||
*/
|
*/
|
||||||
render() {
|
render() {
|
||||||
const { t } = this.props;
|
const { t } = this.props;
|
||||||
const { NATIVE_APP_NAME, SHOW_DEEP_LINKING_IMAGE } = interfaceConfig;
|
const { HIDE_DEEP_LINKING_LOGO, NATIVE_APP_NAME, SHOW_DEEP_LINKING_IMAGE } = interfaceConfig;
|
||||||
const rightColumnStyle
|
const rightColumnStyle
|
||||||
= SHOW_DEEP_LINKING_IMAGE ? null : { width: '100%' };
|
= SHOW_DEEP_LINKING_IMAGE ? null : { width: '100%' };
|
||||||
|
|
||||||
|
@ -82,9 +82,13 @@ class DeepLinkingDesktopPage<P : Props> extends Component<P> {
|
||||||
<AtlasKitThemeProvider mode = 'light'>
|
<AtlasKitThemeProvider mode = 'light'>
|
||||||
<div className = 'deep-linking-desktop'>
|
<div className = 'deep-linking-desktop'>
|
||||||
<div className = 'header'>
|
<div className = 'header'>
|
||||||
<img
|
{
|
||||||
className = 'logo'
|
HIDE_DEEP_LINKING_LOGO
|
||||||
src = 'images/logo-deep-linking.png' />
|
? null
|
||||||
|
: <img
|
||||||
|
className = 'logo'
|
||||||
|
src = 'images/logo-deep-linking.png' />
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
<div className = 'content'>
|
<div className = 'content'>
|
||||||
{
|
{
|
||||||
|
|
|
@ -91,7 +91,7 @@ class DeepLinkingMobilePage extends Component<Props> {
|
||||||
*/
|
*/
|
||||||
render() {
|
render() {
|
||||||
const { _downloadUrl, _room, t } = this.props;
|
const { _downloadUrl, _room, t } = this.props;
|
||||||
const { NATIVE_APP_NAME, SHOW_DEEP_LINKING_IMAGE } = interfaceConfig;
|
const { HIDE_DEEP_LINKING_LOGO, NATIVE_APP_NAME, SHOW_DEEP_LINKING_IMAGE } = interfaceConfig;
|
||||||
const downloadButtonClassName
|
const downloadButtonClassName
|
||||||
= `${_SNS}__button ${_SNS}__button_primary`;
|
= `${_SNS}__button ${_SNS}__button_primary`;
|
||||||
|
|
||||||
|
@ -115,9 +115,13 @@ class DeepLinkingMobilePage extends Component<Props> {
|
||||||
return (
|
return (
|
||||||
<div className = { _SNS }>
|
<div className = { _SNS }>
|
||||||
<div className = 'header'>
|
<div className = 'header'>
|
||||||
<img
|
{
|
||||||
className = 'logo'
|
HIDE_DEEP_LINKING_LOGO
|
||||||
src = 'images/logo-deep-linking.png' />
|
? null
|
||||||
|
: <img
|
||||||
|
className = 'logo'
|
||||||
|
src = 'images/logo-deep-linking.png' />
|
||||||
|
}
|
||||||
</div>
|
</div>
|
||||||
<div className = { `${_SNS}__body` }>
|
<div className = { `${_SNS}__body` }>
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in New Issue