overleaf/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls.js
Alf Eaton 73bc3418a2 Add React version of the PDF preview pane (#5135)
GitOrigin-RevId: fcc88a362c3e97c9fddf85d47c3a83a0a0b89432
2021-10-01 08:03:12 +00:00

38 lines
1,010 B
JavaScript

import { ButtonGroup } from 'react-bootstrap'
import PropTypes from 'prop-types'
import Button from 'react-bootstrap/lib/Button'
import Icon from '../../../shared/components/icon'
import { memo } from 'react'
function PdfViewerControls({ setZoom }) {
return (
<ButtonGroup>
<Button
bsStyle="info"
bsSize="large"
onClick={() => setZoom('fit-width')}
>
<Icon type="arrows-h" />
</Button>
<Button
bsStyle="info"
bsSize="large"
onClick={() => setZoom('fit-height')}
>
<Icon type="arrows-v" />
</Button>
<Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-in')}>
<Icon type="search-plus" />
</Button>
<Button bsStyle="info" bsSize="large" onClick={() => setZoom('zoom-out')}>
<Icon type="search-minus" />
</Button>
</ButtonGroup>
)
}
PdfViewerControls.propTypes = {
setZoom: PropTypes.func.isRequired,
}
export default memo(PdfViewerControls)