mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import Icon from '../../../shared/components/icon'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
import OLButton from '@/features/ui/components/ol/ol-button'
|
|
import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
|
|
import { useLayoutContext } from '../../../shared/context/layout-context'
|
|
|
|
function SwitchToEditorButton() {
|
|
const { pdfLayout, setView, detachRole } = useLayoutContext()
|
|
|
|
const { t } = useTranslation()
|
|
|
|
if (detachRole) {
|
|
return null
|
|
}
|
|
|
|
if (pdfLayout === 'sideBySide') {
|
|
return null
|
|
}
|
|
|
|
function handleClick() {
|
|
setView('editor')
|
|
window.setTimeout(() => {
|
|
window.dispatchEvent(new Event('editor:focus'))
|
|
})
|
|
}
|
|
|
|
return (
|
|
<OLButton
|
|
variant="secondary"
|
|
size="sm"
|
|
onClick={handleClick}
|
|
bs3Props={{
|
|
bsSize: 'xsmall',
|
|
className: 'switch-to-editor-btn toolbar-btn-secondary',
|
|
}}
|
|
>
|
|
<BootstrapVersionSwitcher
|
|
bs3={<Icon type="code" className="toolbar-btn-secondary-icon" />}
|
|
bs5={<MaterialIcon type="code" />}
|
|
/>
|
|
{t('switch_to_editor')}
|
|
</OLButton>
|
|
)
|
|
}
|
|
|
|
export default SwitchToEditorButton
|