overleaf/services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.jsx
Jakob Ackermann 9daa8f5d98 Merge pull request #15040 from overleaf/jpa-js-to-jsx
[web] rename all the JSX files to .jsx/.tsx

GitOrigin-RevId: 82056ae47e017523722cf258dcc83c8a925a28f7
2023-09-29 08:04:29 +00:00

22 lines
554 B
JavaScript

import PropTypes from 'prop-types'
import { useTranslation } from 'react-i18next'
import Icon from '../../../shared/components/icon'
function MenuButton({ onClick }) {
const { t } = useTranslation()
return (
<div className="toolbar-item">
<button className="btn btn-full-height" onClick={onClick}>
<Icon type="bars" fw className="editor-menu-icon" />
<p className="toolbar-label">{t('menu')}</p>
</button>
</div>
)
}
MenuButton.propTypes = {
onClick: PropTypes.func.isRequired,
}
export default MenuButton