mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-02 16:43:15 -05:00
37 lines
768 B
TypeScript
37 lines
768 B
TypeScript
|
import { useTranslation } from 'react-i18next'
|
||
|
|
import { Button } from 'react-bootstrap'
|
||
|
|
import Icon from '../../../shared/components/icon'
|
||
|
|
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')
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Button
|
||
|
|
bsStyle="default"
|
||
|
|
bsSize="xs"
|
||
|
|
onClick={handleClick}
|
||
|
|
className="switch-to-editor-btn"
|
||
|
|
>
|
||
|
|
<Icon type="code" className="me-1" />
|
||
|
|
{t('switch_to_editor')}
|
||
|
|
</Button>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default SwitchToEditorButton
|