mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-13 22:54:42 -04:00
f701f8d05f
This prevents a problem where show-if can trigger an error if a value is checked to exist with it. Signed-off-by: Philip Molares <philip.molares@udo.edu>
88 lines
3.1 KiB
TypeScript
88 lines
3.1 KiB
TypeScript
/*
|
|
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
import { HistoryEntryOrigin } from '../../../api/history/types'
|
|
import { cypressId } from '../../../utils/cypress-attribute'
|
|
import { UiIcon } from '../../common/icons/ui-icon'
|
|
import { DeleteNoteItem } from './delete-note-item'
|
|
import styles from './entry-menu.module.scss'
|
|
import { RemoveNoteEntryItem } from './remove-note-entry-item'
|
|
import React from 'react'
|
|
import { Dropdown } from 'react-bootstrap'
|
|
import { Cloud as IconCloud, Laptop as IconLaptop, ThreeDots as IconThreeDots } from 'react-bootstrap-icons'
|
|
import { Trans, useTranslation } from 'react-i18next'
|
|
import { useIsLoggedIn } from '../../../hooks/common/use-is-logged-in'
|
|
|
|
export interface EntryMenuProps {
|
|
id: string
|
|
title: string
|
|
origin: HistoryEntryOrigin
|
|
onRemoveFromHistory: () => void
|
|
onDeleteNote: () => void
|
|
className?: string
|
|
}
|
|
|
|
/**
|
|
* Renders the dropdown menu for a history entry containing options like removing the entry or deleting the note.
|
|
*
|
|
* @param id The unique identifier of the history entry.
|
|
* @param title The title of the note of the history entry.
|
|
* @param origin The origin of the entry. Must be either {@link HistoryEntryOrigin.LOCAL} or {@link HistoryEntryOrigin.REMOTE}.
|
|
* @param onRemoveFromHistory Callback that is fired when the entry should be removed from the history.
|
|
* @param onDeleteNote Callback that is fired when the note should be deleted.
|
|
* @param className Additional CSS classes to add to the dropdown.
|
|
*/
|
|
export const EntryMenu: React.FC<EntryMenuProps> = ({
|
|
id,
|
|
title,
|
|
origin,
|
|
onRemoveFromHistory,
|
|
onDeleteNote,
|
|
className
|
|
}) => {
|
|
useTranslation()
|
|
const userExists = useIsLoggedIn()
|
|
|
|
return (
|
|
<Dropdown className={`d-inline-flex ${className || ''}`} {...cypressId('history-entry-menu')}>
|
|
<Dropdown.Toggle
|
|
variant={'secondary'}
|
|
id={`dropdown-card-${id}`}
|
|
className={`no-arrow ${styles['history-menu']} d-inline-flex align-items-center`}>
|
|
<UiIcon icon={IconThreeDots} />
|
|
</Dropdown.Toggle>
|
|
|
|
<Dropdown.Menu>
|
|
<Dropdown.Header>
|
|
<Trans i18nKey='landing.history.menu.recentNotes' />
|
|
</Dropdown.Header>
|
|
|
|
{origin === HistoryEntryOrigin.LOCAL && (
|
|
<Dropdown.Item disabled>
|
|
<UiIcon icon={IconLaptop} className='mx-2' />
|
|
<Trans i18nKey='landing.history.menu.entryLocal' />
|
|
</Dropdown.Item>
|
|
)}
|
|
|
|
{origin === HistoryEntryOrigin.REMOTE && (
|
|
<Dropdown.Item disabled>
|
|
<UiIcon icon={IconCloud} className='mx-2' />
|
|
<Trans i18nKey='landing.history.menu.entryRemote' />
|
|
</Dropdown.Item>
|
|
)}
|
|
|
|
<RemoveNoteEntryItem onConfirm={onRemoveFromHistory} noteTitle={title} />
|
|
|
|
{/* TODO Check permissions (ownership) before showing option for delete (https://github.com/hedgedoc/hedgedoc/issues/5036)*/}
|
|
{userExists && (
|
|
<>
|
|
<Dropdown.Divider />
|
|
<DeleteNoteItem onConfirm={onDeleteNote} noteTitle={title} />
|
|
</>
|
|
)}
|
|
</Dropdown.Menu>
|
|
</Dropdown>
|
|
)
|
|
}
|