mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-02 05:59:14 -05:00
1be43911b4
Set Prettier's "trailingComma" setting to "es5" GitOrigin-RevId: 9f14150511929a855b27467ad17be6ab262fe5d5
36 lines
990 B
JavaScript
36 lines
990 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
|