mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-10 21:20:45 -05:00
86689a6269
[web] BS5 ide page header GitOrigin-RevId: b7aad221d458d8403d60ff9950129394c74af856
32 lines
936 B
JavaScript
32 lines
936 B
JavaScript
import PropTypes from 'prop-types'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Icon from '../../../shared/components/icon'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
|
|
|
|
function MenuButton({ onClick }) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className="toolbar-item">
|
|
<button type="button" className="btn btn-full-height" onClick={onClick}>
|
|
<BootstrapVersionSwitcher
|
|
bs3={<Icon type="bars" fw className="editor-menu-icon" />}
|
|
bs5={
|
|
<MaterialIcon
|
|
type="menu"
|
|
className="editor-menu-icon align-middle"
|
|
/>
|
|
}
|
|
/>
|
|
<p className="toolbar-label">{t('menu')}</p>
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
MenuButton.propTypes = {
|
|
onClick: PropTypes.func.isRequired,
|
|
}
|
|
|
|
export default MenuButton
|