diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx b/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx
index a204acd877..b6bdd47cd0 100644
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx
@@ -15,6 +15,7 @@ import { colorDanger, colorWhite } from '/imports/ui/stylesheets/styled-componen
import Styled from './styles';
import browserInfo from '/imports/utils/browserInfo';
import deviceInfo from '/imports/utils/deviceInfo';
+import { isLayoutsEnabled } from '/imports/ui/services/features';
const intlMessages = defineMessages({
optionsLabel: {
@@ -322,6 +323,8 @@ class SettingsDropdown extends PureComponent {
);
}
+ const enableLayoutButton = isLayoutsEnabled();
+
this.menuItems.push(
{
key: 'list-item-shortcuts',
@@ -329,18 +332,21 @@ class SettingsDropdown extends PureComponent {
label: intl.formatMessage(intlMessages.hotkeysLabel),
description: intl.formatMessage(intlMessages.hotkeysDesc),
onClick: () => this.setShortcutHelpModalIsOpen(true),
+ divider: !isDirectLeaveButtonEnabled && !enableLayoutButton,
},
);
- this.menuItems.push(
- {
- key: 'list-item-layout-modal',
- icon: 'manage_layout',
- label: intl.formatMessage(intlMessages.layoutModal),
- onClick: () => this.setLayoutModalIsOpen(true),
- divider: isDirectLeaveButtonEnabled ? false : true,
- },
- );
+ if (enableLayoutButton) {
+ this.menuItems.push(
+ {
+ key: 'list-item-layout-modal',
+ icon: 'manage_layout',
+ label: intl.formatMessage(intlMessages.layoutModal),
+ onClick: () => this.setLayoutModalIsOpen(true),
+ divider: !isDirectLeaveButtonEnabled,
+ },
+ );
+ }
if (allowLogoutSetting && isMeteorConnected && !isDirectLeaveButtonEnabled) {
this.menuItems.push(