Files
Verso/services/web/frontend/js/features/ide-redesign/components/rail/rail-help-dropdown.tsx
T
DavidandCopybot af41215058 Merge pull request #29607 from overleaf/dp-redesign-opt-in
Add opt-in for editor redesign

GitOrigin-RevId: 29ec8f4045a6bf29ab26a5ce5bceff70fb3aba6e
2025-11-20 09:05:28 +00:00

44 lines
1.2 KiB
TypeScript

import getMeta from '@/utils/meta'
import { useTranslation } from 'react-i18next'
import { useRailContext } from '../../contexts/rail-context'
import { useCallback } from 'react'
import {
DropdownDivider,
DropdownItem,
DropdownMenu,
} from '@/shared/components/dropdown/dropdown-menu'
export default function RailHelpDropdown() {
const showSupport = getMeta('ol-showSupport')
const { t } = useTranslation()
const { setActiveModal } = useRailContext()
const openKeyboardShortcutsModal = useCallback(() => {
setActiveModal('keyboard-shortcuts')
}, [setActiveModal])
const openContactUsModal = useCallback(() => {
setActiveModal('contact-us')
}, [setActiveModal])
return (
<DropdownMenu>
<DropdownItem onClick={openKeyboardShortcutsModal}>
{t('keyboard_shortcuts')}
</DropdownItem>
<DropdownItem
href="/learn"
role="menuitem"
target="_blank"
rel="noopener noreferrer"
>
{t('documentation')}
</DropdownItem>
<DropdownDivider />
{showSupport && (
<DropdownItem onClick={openContactUsModal}>
{t('contact_us')}
</DropdownItem>
)}
</DropdownMenu>
)
}