mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-07-29 05:00:06 +02:00
69bc8a135b
* Remove skipLoadingStyleSheet * Remove unused bootstrap-5 assignment from the Account settings page since it's archived * Remove bsVersionIcon * Remove bsVersion, bootstrapVersion and isBootstrap5 from elements on the IDE page * Remove BS3Dropdown from the context menu * Cleanup Bootstrap 3 related comment and type GitOrigin-RevId: a67244eb78943ee84cc5f89bae164c0361e8fc13
32 lines
1 KiB
TypeScript
32 lines
1 KiB
TypeScript
import { useState, useCallback } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import * as eventTracking from '../../../infrastructure/event-tracking'
|
|
import { useProjectContext } from '../../../shared/context/project-context'
|
|
import HotkeysModal from '../../hotkeys-modal/components/hotkeys-modal'
|
|
import LeftMenuButton from './left-menu-button'
|
|
import { isMac } from '@/shared/utils/os'
|
|
|
|
export default function HelpShowHotkeys() {
|
|
const [showModal, setShowModal] = useState(false)
|
|
const { t } = useTranslation()
|
|
const { features } = useProjectContext()
|
|
|
|
const showModalWithAnalytics = useCallback(() => {
|
|
eventTracking.sendMB('left-menu-hotkeys')
|
|
setShowModal(true)
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<LeftMenuButton onClick={showModalWithAnalytics} icon="keyboard">
|
|
{t('show_hotkeys')}
|
|
</LeftMenuButton>
|
|
<HotkeysModal
|
|
show={showModal}
|
|
handleHide={() => setShowModal(false)}
|
|
isMac={isMac}
|
|
trackChangesVisible={features?.trackChangesVisible}
|
|
/>
|
|
</>
|
|
)
|
|
}
|