Add desktop settings button in settings menu

src/components/gui/gui.jsx

@@ -119,6 +119,7 @@ const GUIComponent = props => {
         onClickAccountNav,
         onCloseAccountNav,
         onClickAddonSettings,
+        onClickDesktopSettings,
         onClickNewWindow,
         onClickPackager,
         onLogOut,
@@ -304,6 +305,7 @@ const GUIComponent = props => {
                     onClickAbout={onClickAbout}
                     onClickAccountNav={onClickAccountNav}
                     onClickAddonSettings={onClickAddonSettings}
+                    onClickDesktopSettings={onClickDesktopSettings}
                     onClickNewWindow={onClickNewWindow}
                     onClickPackager={onClickPackager}
                     onClickLogo={onClickLogo}
@@ -493,6 +495,7 @@ GUIComponent.propTypes = {
     onActivateTab: PropTypes.func,
     onClickAccountNav: PropTypes.func,
     onClickAddonSettings: PropTypes.func,
+    onClickDesktopSettings: PropTypes.func,
     onClickNewWindow: PropTypes.func,
     onClickPackager: PropTypes.func,
     onClickLogo: PropTypes.func,

src/components/menu-bar/menu-bar.jsx

@@ -537,6 +537,7 @@ class MenuBar extends React.Component {
                             canChangeLanguage={this.props.canChangeLanguage}
                             canChangeTheme={this.props.canChangeTheme}
                             isRtl={this.props.isRtl}
+                            onClickDesktopSettings={this.props.onClickDesktopSettings}
                             // eslint-disable-next-line react/jsx-no-bind
                             onOpenCustomSettings={this.props.onClickAddonSettings.bind(null, 'editor-theme3')}
                             onRequestClose={this.props.onRequestCloseSettings}
@@ -1079,6 +1080,7 @@ MenuBar.propTypes = {
     ]),
     onClickAccount: PropTypes.func,
     onClickAddonSettings: PropTypes.func,
+    onClickDesktopSettings: PropTypes.func,
     onClickPackager: PropTypes.func,
     onClickRestorePoints: PropTypes.func,
     onClickEdit: PropTypes.func,

src/components/menu-bar/settings-menu.jsx

@@ -9,6 +9,7 @@ import MenuLabel from './tw-menu-label.jsx';
 import TWAccentThemeMenu from './tw-theme-accent.jsx';
 import TWGuiThemeMenu from './tw-theme-gui.jsx';
 import TWBlocksThemeMenu from './tw-theme-blocks.jsx';
+import TWDesktopSettings from './tw-desktop-settings.jsx';
 
 import menuBarStyles from './menu-bar.css';
 import styles from './settings-menu.css';
@@ -20,6 +21,7 @@ const SettingsMenu = ({
     canChangeLanguage,
     canChangeTheme,
     isRtl,
+    onClickDesktopSettings,
     onOpenCustomSettings,
     onRequestClose,
     onRequestOpen,
@@ -65,6 +67,7 @@ const SettingsMenu = ({
                         <TWAccentThemeMenu />
                     </React.Fragment>
                 )}
+                {onClickDesktopSettings && <TWDesktopSettings onClick={onClickDesktopSettings} />}
             </MenuSection>
         </MenuBarMenu>
     </MenuLabel>
@@ -74,6 +77,7 @@ SettingsMenu.propTypes = {
     canChangeLanguage: PropTypes.bool,
     canChangeTheme: PropTypes.bool,
     isRtl: PropTypes.bool,
+    onClickDesktopSettings: PropTypes.func,
     onOpenCustomSettings: PropTypes.func,
     onRequestClose: PropTypes.func,
     onRequestOpen: PropTypes.func,

src/components/menu-bar/tw-desktop-settings.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import {FormattedMessage} from 'react-intl';
+import {MenuItem} from '../menu/menu.jsx';
+import icon from './tw-desktop-icon.svg';
+import styles from './settings-menu.css';
+
+const TWDesktopSettings = props => (
+    <MenuItem onClick={props.onClick}>
+        <div className={styles.option}>
+            <img
+                src={icon}
+                draggable={false}
+                width={24}
+                height={24}
+                alt=""
+            />
+            <FormattedMessage
+                defaultMessage="Desktop Settings"
+                description="Button in menu bar under settings to open desktop app settings"
+                id="tw.menuBar.desktopSettings"
+            />
+        </div>
+    </MenuItem>
+);
+
+TWDesktopSettings.propTypes = {
+    onClick: PropTypes.func
+};
+
+export default TWDesktopSettings;