mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
260b878b7d
* Added toggle chat button to navigation header * new `useBrowserWindow` hook to work with browser title and focus * react2angular chat toggle button plumbing GitOrigin-RevId: 4380f1db9c7cc9a25bfb8d7a33e18d61b1d32993
41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import MenuButton from './menu-button'
|
|
import CobrandingLogo from './cobranding-logo'
|
|
import BackToProjectsButton from './back-to-projects-button'
|
|
import ChatToggleButton from './chat-toggle-button'
|
|
|
|
function ToolbarHeader({
|
|
cobranding,
|
|
onShowLeftMenuClick,
|
|
chatIsOpen,
|
|
toggleChatOpen,
|
|
unreadMessageCount
|
|
}) {
|
|
return (
|
|
<header className="toolbar toolbar-header toolbar-with-labels">
|
|
<div className="toolbar-left">
|
|
<MenuButton onClick={onShowLeftMenuClick} />
|
|
{cobranding ? <CobrandingLogo {...cobranding} /> : null}
|
|
<BackToProjectsButton />
|
|
</div>
|
|
<div className="toolbar-right">
|
|
<ChatToggleButton
|
|
chatIsOpen={chatIsOpen}
|
|
onClick={toggleChatOpen}
|
|
unreadMessageCount={unreadMessageCount}
|
|
/>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|
|
|
|
ToolbarHeader.propTypes = {
|
|
onShowLeftMenuClick: PropTypes.func.isRequired,
|
|
cobranding: PropTypes.object,
|
|
chatIsOpen: PropTypes.bool,
|
|
toggleChatOpen: PropTypes.func.isRequired,
|
|
unreadMessageCount: PropTypes.number.isRequired
|
|
}
|
|
|
|
export default ToolbarHeader
|