mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
a555f0d309
* Added project name, pdf toggle and share project buttons to navigation toolbar * Added PropTypes check to `useChatContext()` * React context updates for project name/rename, pdf view and share moda * Hide PDF button when pdfLayout != 'flat' GitOrigin-RevId: 3f4a1b072259df7148d3417cd22116702bdd79ac
36 lines
988 B
JavaScript
36 lines
988 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { OverlayTrigger, Tooltip } from 'react-bootstrap'
|
|
import classNames from 'classnames'
|
|
import Icon from '../../../shared/components/icon'
|
|
|
|
function PdfToggleButton({ onClick, pdfViewIsOpen }) {
|
|
const classes = classNames(
|
|
'btn',
|
|
'btn-full-height',
|
|
'btn-full-height-no-border',
|
|
{
|
|
active: pdfViewIsOpen
|
|
}
|
|
)
|
|
|
|
return (
|
|
<OverlayTrigger
|
|
placement="bottom"
|
|
trigger={['hover', 'focus']}
|
|
overlay={<Tooltip id="tooltip-online-user">PDF</Tooltip>}
|
|
>
|
|
{/* eslint-disable-next-line jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus */}
|
|
<a role="button" className={classes} onClick={onClick}>
|
|
<Icon type="file-pdf-o" modifier="fw" />
|
|
</a>
|
|
</OverlayTrigger>
|
|
)
|
|
}
|
|
|
|
PdfToggleButton.propTypes = {
|
|
onClick: PropTypes.func.isRequired,
|
|
pdfViewIsOpen: PropTypes.bool
|
|
}
|
|
|
|
export default PdfToggleButton
|