Files
overleaf-cep/services/web/frontend/js/features/editor-navigation-toolbar/try-new-editor-button.tsx
T
Mathias Jakobsen 8f2001e477 Merge pull request #27329 from overleaf/dp-editor-redesign-beta
Prepare editor redesign for beta release

GitOrigin-RevId: 584c0303f652640669234bd227780ed4f20b76c0
2025-08-01 08:05:42 +00:00

34 lines
1.0 KiB
TypeScript

import { useCallback } from 'react'
import OLButton from '../ui/components/ol/ol-button'
import { useIdeRedesignSwitcherContext } from '../ide-react/context/ide-redesign-switcher-context'
import MaterialIcon from '@/shared/components/material-icon'
import { useTranslation } from 'react-i18next'
import { isNewEditorInBeta } from '../ide-redesign/utils/new-editor-utils'
const TryNewEditorButton = () => {
const { t } = useTranslation()
const { setShowSwitcherModal } = useIdeRedesignSwitcherContext()
const newEditorBeta = isNewEditorInBeta()
const onClick = useCallback(() => {
setShowSwitcherModal(true)
}, [setShowSwitcherModal])
return (
<div className="d-flex align-items-center">
<OLButton
className="toolbar-experiment-button"
onClick={onClick}
size="sm"
leadingIcon={
!newEditorBeta && <MaterialIcon type="experiment" unfilled />
}
variant="secondary"
>
{t('try_the_new_editor')}
</OLButton>
</div>
)
}
export default TryNewEditorButton