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:
James Carbine 2020-08-10 08:30:16 -06:00 committed by GitHub
parent 02885ea716
commit 5b10d8f5ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 8 deletions

View File

@ -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.
*/ */

View File

@ -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'>
{ {

View File

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