mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-23 11:37:02 -04:00
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
/*
|
|
SPDX-FileCopyrightText: 2020 The HedgeDoc developers (see AUTHORS file)
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import React from 'react'
|
|
import { Dropdown } from 'react-bootstrap'
|
|
import { Trans, useTranslation } from 'react-i18next'
|
|
import { DropdownItemWithDeletionModal } from '../../../history-page/entry-menu/dropdown-item-with-deletion-modal'
|
|
|
|
export interface EditorMenuProps {
|
|
noteTitle: string
|
|
}
|
|
|
|
export const EditorMenu: React.FC<EditorMenuProps> = ({ noteTitle }) => {
|
|
useTranslation()
|
|
|
|
return (
|
|
<Dropdown className={'small mx-1'} alignRight={true}>
|
|
<Dropdown.Toggle variant='light' size='sm' id='editor-menu'>
|
|
<Trans i18nKey={'editor.documentBar.menu'}/>
|
|
</Dropdown.Toggle>
|
|
|
|
<Dropdown.Menu>
|
|
<DropdownItemWithDeletionModal
|
|
itemI18nKey={'landing.history.menu.deleteNote'}
|
|
modalButtonI18nKey={'editor.modal.deleteNote.button'}
|
|
modalIcon={'trash'}
|
|
modalQuestionI18nKey={'editor.modal.deleteNote.question'}
|
|
modalTitleI18nKey={'editor.modal.deleteNote.title'}
|
|
modalWarningI18nKey={'editor.modal.deleteNote.warning'}
|
|
noteTitle={noteTitle}
|
|
className={'small'}
|
|
onConfirm={() => console.log('deleted')}/>
|
|
|
|
</Dropdown.Menu>
|
|
</Dropdown>
|
|
)
|
|
}
|