claude
11227d59e3
Build and Deploy Verso / deploy (push) Successful in 14m3s
On mobile (< 768 px) the existing side-by-side layout automatically switches to a vertical stack (editor on top, PDF/presentation on bottom) without changing the stored layout preference. A new "Top / bottom split" option is added to the layout menu so desktop users can choose the same vertical split explicitly. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
35 lines
850 B
TypeScript
35 lines
850 B
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
import OLButton from '@/shared/components/ol/ol-button'
|
|
import { useLayoutContext } from '../../../shared/context/layout-context'
|
|
|
|
function SwitchToEditorButton() {
|
|
const { pdfLayout, restoreView, detachRole } = useLayoutContext()
|
|
|
|
const { t } = useTranslation()
|
|
|
|
if (detachRole) {
|
|
return null
|
|
}
|
|
|
|
if (pdfLayout === 'sideBySide' || pdfLayout === 'verticalSplit') {
|
|
return null
|
|
}
|
|
|
|
function handleClick() {
|
|
restoreView()
|
|
window.setTimeout(() => {
|
|
window.dispatchEvent(new Event('editor:focus'))
|
|
})
|
|
}
|
|
|
|
return (
|
|
<OLButton variant="secondary" size="sm" onClick={handleClick}>
|
|
<MaterialIcon type="code" />
|
|
{t('switch_to_editor')}
|
|
</OLButton>
|
|
)
|
|
}
|
|
|
|
export default SwitchToEditorButton
|