96 lines
2.8 KiB
TypeScript
96 lines
2.8 KiB
TypeScript
import { FilesController } from '@/Controllers/FilesController'
|
|
import { FileItem } from '@standardnotes/snjs'
|
|
import { useState } from 'react'
|
|
import { FileItemActionType } from '../AttachedFilesPopover/PopoverFileItemAction'
|
|
import { FileContextMenuBackupOption } from '../FileContextMenu/FileContextMenuBackupOption'
|
|
import Icon from '../Icon/Icon'
|
|
import MenuItem from '../Menu/MenuItem'
|
|
import MenuSwitchButtonItem from '../Menu/MenuSwitchButtonItem'
|
|
import HorizontalSeparator from '../Shared/HorizontalSeparator'
|
|
|
|
type Props = {
|
|
file: FileItem
|
|
closeMenu: () => void
|
|
handleFileAction: FilesController['handleFileAction']
|
|
setIsRenamingFile: (set: boolean) => void
|
|
}
|
|
|
|
const LinkedFileMenuOptions = ({ file, closeMenu, handleFileAction, setIsRenamingFile }: Props) => {
|
|
const [isFileProtected, setIsFileProtected] = useState(file.protected)
|
|
|
|
return (
|
|
<>
|
|
<MenuItem
|
|
onClick={() => {
|
|
void handleFileAction({
|
|
type: FileItemActionType.PreviewFile,
|
|
payload: {
|
|
file,
|
|
otherFiles: [],
|
|
},
|
|
})
|
|
closeMenu()
|
|
}}
|
|
>
|
|
<Icon type="file" className="mr-2 text-neutral" />
|
|
Preview file
|
|
</MenuItem>
|
|
<HorizontalSeparator classes="my-1" />
|
|
<MenuSwitchButtonItem
|
|
className="justify-between"
|
|
checked={isFileProtected}
|
|
onChange={() => {
|
|
handleFileAction({
|
|
type: FileItemActionType.ToggleFileProtection,
|
|
payload: { file },
|
|
callback: (isProtected: boolean) => {
|
|
setIsFileProtected(isProtected)
|
|
},
|
|
}).catch(console.error)
|
|
}}
|
|
>
|
|
<Icon type="lock" className="mr-2 text-neutral" />
|
|
Password protect
|
|
</MenuSwitchButtonItem>
|
|
<HorizontalSeparator classes="my-1" />
|
|
<MenuItem
|
|
onClick={() => {
|
|
handleFileAction({
|
|
type: FileItemActionType.DownloadFile,
|
|
payload: { file },
|
|
}).catch(console.error)
|
|
closeMenu()
|
|
}}
|
|
>
|
|
<Icon type="download" className="mr-2 text-neutral" />
|
|
Download
|
|
</MenuItem>
|
|
<MenuItem
|
|
onClick={() => {
|
|
setIsRenamingFile(true)
|
|
closeMenu()
|
|
}}
|
|
>
|
|
<Icon type="pencil" className="mr-2 text-neutral" />
|
|
Rename
|
|
</MenuItem>
|
|
<MenuItem
|
|
onClick={() => {
|
|
handleFileAction({
|
|
type: FileItemActionType.DeleteFile,
|
|
payload: { file },
|
|
}).catch(console.error)
|
|
closeMenu()
|
|
}}
|
|
>
|
|
<Icon type="trash" className="mr-2 text-danger" />
|
|
<span className="text-danger">Delete permanently</span>
|
|
</MenuItem>
|
|
|
|
<FileContextMenuBackupOption file={file} />
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default LinkedFileMenuOptions
|