diff --git a/src/Components/Display/Menu/UpMenu.tsx b/src/Components/Display/Menu/UpMenu.tsx index 2c7d1e93e..3929024c3 100644 --- a/src/Components/Display/Menu/UpMenu.tsx +++ b/src/Components/Display/Menu/UpMenu.tsx @@ -11,7 +11,7 @@ import { isEqual, isString } from 'lodash'; import UpLigne from '../Ligne'; import colorMap from '../../../Common/theming/colorMap'; -import { style } from 'typestyle'; +import { classes, style } from 'typestyle'; import { isMobileDevice } from '../../../Common/utils/helpers'; import logo from './sources/logo-up-square.svg'; @@ -33,6 +33,8 @@ export interface UpMenuProps { blocked?: boolean; onClick?: (uri: string, menuItem?: MenuItemData) => boolean | void; onMinifiedChange?: (minified?: boolean) => void; + toggleIconName?: IconName; + showToggler?: boolean; customStyles?: UpMenuCustomStyles; } @@ -150,6 +152,12 @@ class UpMenu extends React.Component renderIcon = (icon as RenderCallback)(this.props, this.state); } + const toggleIconName = others.toggleIconName || 'burger-menu2'; + + const upMenuNavClassName = classes('up-menu-nav', this.currentMinifiedValue ? 'minified' : ''); + + const showToggler = (!this.props.blocked && isMobileDevice()) || this.props.showToggler; + return (