Jimmy Domagala-Tang
fc8d564320
* feat: integrate main layout, toolbar, and rail from redesign into main ide-react folder * feat: remove additional files no longer used after ide redesign GitOrigin-RevId: 8fd77f63cb9c67be91995a9dde13b0fe2376d80f
44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import getMeta from '@/utils/meta'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { useRailContext } from '@/features/ide-react/context/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>
|
|
)
|
|
}
|