mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 23:36:00 -05:00
f8efc3e2ae
[web] Implement the editor's left menu in Offcanvas GitOrigin-RevId: 999e995d664b1dc958f56643f05e95b8aa2d6290
48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import { useCallback, useState } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import EditorCloneProjectModalWrapper from '../../clone-project-modal/components/editor-clone-project-modal-wrapper'
|
|
import LeftMenuButton from './left-menu-button'
|
|
import { useLocation } from '../../../shared/hooks/use-location'
|
|
import * as eventTracking from '../../../infrastructure/event-tracking'
|
|
import { bsVersionIcon } from '@/features/utils/bootstrap-5'
|
|
|
|
type ProjectCopyResponse = {
|
|
project_id: string
|
|
}
|
|
|
|
export default function ActionsCopyProject() {
|
|
const [showModal, setShowModal] = useState(false)
|
|
const { t } = useTranslation()
|
|
const location = useLocation()
|
|
|
|
const openProject = useCallback(
|
|
({ project_id: projectId }: ProjectCopyResponse) => {
|
|
location.assign(`/project/${projectId}`)
|
|
},
|
|
[location]
|
|
)
|
|
|
|
const handleShowModal = useCallback(() => {
|
|
eventTracking.sendMB('left-menu-copy')
|
|
setShowModal(true)
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<LeftMenuButton
|
|
onClick={handleShowModal}
|
|
icon={bsVersionIcon({
|
|
bs5: { type: 'file_copy' },
|
|
bs3: { type: 'copy', fw: true },
|
|
})}
|
|
>
|
|
{t('copy_project')}
|
|
</LeftMenuButton>
|
|
<EditorCloneProjectModalWrapper
|
|
show={showModal}
|
|
handleHide={() => setShowModal(false)}
|
|
openProject={openProject}
|
|
/>
|
|
</>
|
|
)
|
|
}
|