editor-navigation-toolbar-root.js 742 B

1234567891011121314151617181920212223
  1. import React from 'react'
  2. import PropTypes from 'prop-types'
  3. import ToolbarHeader from './toolbar-header'
  4. import { useEditorContext } from '../../../shared/context/editor-context'
  5. function EditorNavigationToolbarRoot({ onShowLeftMenuClick }) {
  6. const { cobranding, loading } = useEditorContext()
  7. // using {display: 'none'} as 1:1 migration from Angular's ng-hide. Using
  8. // `loading ? null : <ToolbarHeader/>` causes UI glitches
  9. return (
  10. <ToolbarHeader
  11. style={loading ? { display: 'none' } : {}}
  12. cobranding={cobranding}
  13. onShowLeftMenuClick={onShowLeftMenuClick}
  14. />
  15. )
  16. }
  17. EditorNavigationToolbarRoot.propTypes = {
  18. onShowLeftMenuClick: PropTypes.func.isRequired
  19. }
  20. export default EditorNavigationToolbarRoot